Hey guys,
i'm currently building a responsive menu, which collapses on mobile resolutions.
Everything is working fine, there is only a little issue when resizing the window. When you open up the mobile nav , close it and you resize the browser after that the menu on large resolutions won't show up, because it is hidden.
margin-top: 0px !important at the same media query should work..but I'm not at my computer to see what you're saying about the margin getting thrown off
Hey guys, i'm currently building a responsive menu, which collapses on mobile resolutions. Everything is working fine, there is only a little issue when resizing the window. When you open up the mobile nav , close it and you resize the browser after that the menu on large resolutions won't show up, because it is hidden.
What's the simplest way to solve the problem ?
Live Example: http://codepen.io/Koopax/pen/sjhLi
Thanks
http://codepen.io/ChrisPlz/pen/oFujE
just added display: block !important; on #menu_list inside a media query of min screen width of 660px
Quite simple :) but that solves only half of the problem, because the margin-top isn't set back to 0px
margin-top: 0px !important at the same media query should work..but I'm not at my computer to see what you're saying about the margin getting thrown off