Boottrap DropDown Menu: Remove Scroll Bar

Question

I am working on GitHub-Repo .

When the width of the window decreases, the nav bar collapses and goes into a dropdown menu with scroll bars (for width and height).

How do I remove these scrollbars?

I tried adding

.navbar-collapse{
max-height:auto;
max-widht:auto;
}

to my css file that handles the collapsing size.

+3

HaeNaatch 08 jul. 15 at 11:15

3 answers

Cristi Draghici · Answer 1 · 2016-05-26T09:31:41+0000

Another solution adds the following to your CSS:

/* No scrolling for collapsed menu */

.navbar-collapse.in {
    overflow: hidden;
    max-height: none !important;
    height: auto !important;
}

Izzy · Answer 2 · 2015-07-08T11:29:39+0000

Change your css to

.navbar-collapse.in {
overflow: hidden;
}

Cris in Motion · Answer 3 · 2016-06-30T07:00:47+0000

Try

.navbar-collapse {
    max-height:100%;
}