mobile version problem

  • I’m using Mega Menu in this site I’m creating and it seems to work great, I’ve put a “slider” inside the mega menu using another plugin (Advanced post slider). Everything seems ok until the moment I switch to the mobile version.

    First of all the menu changes it’s color and the slider shows all crumbled. If it’s possible I don’t want the slider to show in the mobile version and I want the menu to be as simple as possible in contrast with the desktop version.

    here’s the link to my site

    https://successswitchon.com/

    https://www.ads-software.com/plugins/megamenu/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi juanbilardi,

    It looks like you’re using ShiftNav for the mobile menu now.

    If you switch back to the MMM Mobile menu then you can use the ‘Hide submenu on mobile’ option to hide the slider. You can find that option under Appearance > Menus, hover over the top level item and click the blue ‘mega menu’ button.

    Regards,
    Tom

    Thread Starter juanbilardi

    (@juanbilardi)

    Excellent! It Worked. But how about the color? I have changed it to black in the “menu theme” settings but it keeps the original red color from the wordpress theme I′m using.

    Plugin Author megamenu

    (@megamenu)

    Hi juan,

    It looks like you’re using slicknav now so I can’t see the problem (we keep missing each other it seems :)).

    If I force your menu to display then I can see the black background on the mobile menu:

    https://screencast.com/t/UeBFWUKf

    Regards,
    Tom

    Thread Starter juanbilardi

    (@juanbilardi)

    It seems so! jaja I see, how do I disable slicknav? (sorry for the ignorance).

    And just just for curiosity how did you force the menu? :O

    Plugin Author megamenu

    (@megamenu)

    Hi juan,

    Maybe slicknav comes with your theme? The mobile menu you see at the moment is not generated by max mega menu.

    To force the max mega menu menu to display on mobile please try adding this to your themes style.css file:

    .js .mh-main-nav {
    display: block !important;
}

    Regards,
    Tom

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘mobile version problem’ is closed to new replies.