• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

In n out Hamburger Menu

Engaged ,
Jul 27, 2022 Jul 27, 2022

Copy link to clipboard

Copied

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

TOPICS
How to

Views

170

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct answers

Community Expert , Jul 27, 2022 Jul 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/b
...

Votes

Translate

Translate
Community Expert , Jul 27, 2022 Jul 27, 2022

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

...

Votes

Translate

Translate
Community Expert ,
Jul 27, 2022 Jul 27, 2022

Copy link to clipboard

Copied

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 & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Jul 27, 2022 Jul 27, 2022

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 27, 2022 Jul 27, 2022

Copy link to clipboard

Copied

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 & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 27, 2022 Jul 27, 2022

Copy link to clipboard

Copied


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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Jul 27, 2022 Jul 27, 2022

Copy link to clipboard

Copied

LATEST

thank you very much for your time and patience again

I will try now

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines