Skip to main content
wefollow
Inspiring
July 27, 2022
Answered

In n out Hamburger Menu

  • July 27, 2022
  • 1 reply
  • 526 views

Hello,

  Encourage words and informations,  I dicided to create a Template from Dreamweaver with Bootstarp.

Now I feel good and looks good but can't see the Hamburger Menu on Mobile divice, it is there I'm sure I did change the color of that menu.

Don't where to find it from CSS file, tell you the truth that I don't where to look.

 

Always thank you for reading,

James

ps.wefollohim.com

This topic has been closed for replies.
Correct answer Ben M

@wefollow wrote:

I can't find the Bootstrap 4,5.

My file showed boostrap 4.4.1 js

 

Where can I find the code?

Thank you for help your patience

James


 

That bootstrap that is linked is from a content delivery network (CDN).  The way bootstrap works is that you don't overwrite the original source files.  Instead, once you include the core bootstrap files you can make a custom CSS file and then create CSS statements to overwrite the values of the core files. So let's say you want to change the CSS for the primary button color to be red for your brand.  In your custom css file you would write:

 

.btn-primary {background-color: #FF0000;}

 

Assuming your file is included after the core, CSS follows the order of operation so it will read your file last and make the background of a primary button red.  If you don't declare anything the default value from the core file will remain. So while you can edit things in the core files for reasons like trying to only include what you need to reduce file sizes, I wouldn't recommend it unless you are intimately familiar with bootstrap and comfortable enough to understand the impacts of your changes.

1 reply

Nancy OShea
Community Expert
Community Expert
July 27, 2022

I think I mentioned before that editing Bootstrap CSS will break your site.  And that's what you've done.  You've broken the default navigation styles.

 

Replace your Bootstrap CSS & JS with this from the CDN.  You can't edit it which is probably a good thing.

 

<!--Bootstrap 4.5 CSS on CDN-->
<link rel="stylesheet" href="
https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">

<!--Bootstrap 4.5 JS on CDN-->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" type="text/css">

 

 

By the way, your HTML should look like this, not what you have.

<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">

 

Nancy O'Shea— Product User & Community Expert
wefollow
wefollowAuthor
Inspiring
July 27, 2022

I can't find the Bootstrap 4,5.

My file showed boostrap 4.4.1 js

 

Where can I find the code?

Thank you for help your patience

James

Nancy OShea
Community Expert
Community Expert
July 27, 2022

Open your index.html page, replace the Bootstrap you have now with the code I posted above.  Simply copy & paste.

 

Nancy O'Shea— Product User & Community Expert