• Resolved Cris

    (@cris-tarta)


    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.