• Resolved sue007

    (@sue007)


    Hi,
    I integrated Max Mega Menu in an ENFOLD Theme with an existing menu successfully, also the mobile Menu worked fine. After some changes it disappeared. In the CSS you can see why:

    @media only screen and (max-width: 989px){
    .responsive #top #wrap_all .main_menu, .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    display: block !important;}
    }

    I cannot identify what went wrong …. This Code cannot be overwritten – or I cannot find out how?

    Regards
    Susanne

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter sue007

    (@sue007)

    Sorry the code was wrong

    @media only screen and (max-width: 989px){
    .responsive #top #wrap_all .main_menu, .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    display: none !important;}
    }

    Diplay: none – this is the error

    Plugin Author megamenu

    (@megamenu)

    Hi Sue,

    I’ve checked your site and the mobile menu is looking OK to me (although I think it would look better if you set the Toggle Bar Height to 80px, and enabled the Sub Menu – Force Full Width option).

    Have you already fixed it?

    The only way to override “!important” rules is to make the selector more specific, e.g.

    @media only screen and (max-width: 989px){
        html .responsive #top #wrap_all .main_menu, 
        html .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
            display: block !important;
        }
    }

    Regards,
    Tom

    • This reply was modified 6 years ago by megamenu.
    Thread Starter sue007

    (@sue007)

    Hi Tom,

    I just found a sloution! I changed in the options

    Hauptmenü > Menüelemente für Mobilgeräte > Browserbreite unter 990px

    Cheers, Susanne

    • This reply was modified 6 years ago by sue007.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Mobile Max Mega Menu’ is closed to new replies.