In n out Hamburger Menu

[wefollow]

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

[Nancy OShea · Accepted solution]

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">

[wefollow]

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]

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

[Ben M · Accepted solution]

---

@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.

[wefollow]

thank you very much for your time and patience again

I will try now