Burger Menu spacing

[kareinv18601785]

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.

[osgood_]

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.

[Nancy OShea]

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/