I'm working in following GitHub-Repo.
When the window width decreases,the navbar collapses and changes to a dropdown menu with scrollbars (for width and heigth).
How can I remove those scrollbars?
I tried adding
.navbar-collapse{
max-height:auto;
max-widht:auto;
}
to my css file which handles the collapsing size.
To hide the scrollbar and disable scrolling, we can use the CSS overflow property. This property determines what to do with content that extends beyond the boundaries of its container. To prevent scrolling with this property, just apply the rule overflow: hidden to the body (for the entire page) or a container element.
Hi, You can scroll a dropdown list up and down using the mouse scroll wheel. But to be able to use this option, you have to hover the mouse over the scroll bar instead of the list items.
Another solution is adding the following to your CSS:
/* No scrolling for collapsed menu */
.navbar-collapse.in {
overflow: hidden;
max-height: none !important;
height: auto !important;
}
Change your css to
.navbar-collapse.in {
overflow: hidden;
}
Demo
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With