Menu on mobile
Hi,
So recently i made my logo a little bit bigger with this code:
#Top_bar{ height: 150px !important; }
#Top_bar #logo img { max-height: 90px !important; }
#Top_bar.is-sticky { height: 70px !important; }
#Top_bar.is-sticky #logo img { max-height: 60px !important; }
But their is a problem with the menu on mobile. When i click on the menu it overlaps the header. It does not move the header down. When i remove the code above, then it works fine. But i need this code so i can have a bigger logo. This is the page that i open on my iphone:
You guys have a solution for this?
Comments
if you got a problem with menu on mobile, please wrap above code into right media only screen tag: