Mobile menu overflow CSS tweak/fix
-
Hi,
I found the following mobile menu tweak from the author in another support thread:
@media only screen and (max-width: 719px) { .nav ul { display: none!important; } .nav li:hover ul { display: block!important; } }
I was not able to provide a follow up on the closed topic for an additional fix to prevent the overflow of menu items when expanding sub-items.
Adding this extra CSS bit makes the menu fully responsive on mobile resolutions (at least on iOS).
#nav-header .expand { height: auto !important; }
Thank you to the author for great support and for providing such a versatile and great theme!
-Cheers
- The topic ‘Mobile menu overflow CSS tweak/fix’ is closed to new replies.