I have previously asked a similar question, but I am trying to clarify it further as I did not receive any responses on my last post. Thank you!
In Bootstrap, I have a navbar/menu that expands in the 'xs' view (hamburger button).
- How can I make the navbar/menu expand to 100% and become scrollable if necessary?
Here is the original code:
#menu1 .navbar-collapse{padding:0;}
When using the original code, the menu opens to approximately 50 percent of the screen area, and the dropdown menu becomes scrollable, which is desirable.
My attempt at solving the issue with this code:
#menu1 .navbar-collapse{padding:0; min-height:100%}
However, when I add the "min-height: 100%" to the CSS above, nothing changes. The dropdown menu still appears the same size. Why isn't the min-height property expanding the dropdown all the way?
Any suggestions on how to resolve this issue would be greatly appreciated.
Thank you, Marcus
CSS for the entire menu:
(CSS code here)
HTML:
(HTML code here)