Skip to main content
kareinv18601785
kareinv18601785
Participant
January 25, 2024
Question

Burger Menu spacing

  • January 25, 2024
  • 2 replies
  • 259 views

Hi All,

 

so i have built a bootstrap site using dreamweaver. when i shrink my page for a mobile view my burger menu is 100% except that when i click on it the spacing is too small and you cant read the dropdown items.

 

please help.

 

This topic has been closed for replies.

2 replies

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
January 25, 2024

By default, the Bootstrap navbar works just fine on all devices. 

Remove your custom styles and it will work as expected again.

 

It's essential to familiarize yourself with the various Bootstrap classes.  Using classes instead of custom code, reduces the risk of introducing unwanted performance problems.

 

The current Bootstrap version is 5.  See below for current navbar examples.

https://getbootstrap.com/docs/5.0/components/navbar/

 

Nancy O'Shea— Product User & Community Expert
O
osgood_
Legend
January 25, 2024

It is not possible to diagnose the problem by just looking at a screen shot image. It looks like you have set a specific height on one of the navigation elements. By default Bootstrap, without altering or adding any css, will work as expected.

 

If you can upload the page to a remote server and provide a link to that or post the code AND any css related to the page in the forum, someone should be able to help you further.

 

 

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices