So I was having a problem with users in XP on IE8 where the dropdown menus
would not work. They would click and the carrot would move from down to up
but nothing would show. So I figured out that the overflow was hiding. So I
added this to my CSS to resolve the issue:
.nav-collapse.collapse {
height: auto;
overflow: visible;
}
However, now that I did that, when my site is resized to a narrow width and
the navigation switches to the mobile version the entire menu is shown
instead of only showing when someone clicks on the three lines button to
view the navigation. Any idea how I can make it so the mobile menu doesn't
automatically show everything and only expands when clicked on yet the
dropdowns will work with my XP IE8 issue. Right now, one fix cause the
other to occur.
Let me know if I am being unclear
Thanks in advance!
