• Resolved recetteitalienne

    (@recetteitalienne)


    Hi there,

    I am reopening the topic I created. I have just reinstalled the AMP plugin and set the Transitional mode. All the settings I was told to do are still active (see thread https://www.ads-software.com/support/topic/amp-plugin-breaks-my-menu-on-mobile-2/), but my menu doesn’t work anymore on mobile. Parameters I was told to do are:
    1. Goto AMP -> AMP Compatibility
    Click Enable checkbox
    Add the details in input boxes in one row the final result will be someing like this screenshot
    Add div below Element
    Add mobile-header-menu-w below Element Class
    Add show below Element Toggle Class
    Add div below Action Element
    Add mobile-menu-toggler below Action Element class
    Add active below Action Element Toggle Class
    Once all inputs are in place click save`

    2. Add the following CSS in Appearance -> Customize -> Addtional CSS
    .show {
    display:block;
    }
    html[amp] .mobile-header-w .mobile-header-menu-w.show {
    display:block;
    text-align:left;
    padding: 20px;
    }

    html[amp] .mobile-header-w .mobile-header-menu-w ul.sub-menu {
    display:block;
    padding-left:20px;
    }
    .mobile-menu-toggler.active:focus{
    outline:0;
    }

    I am using Neptune theme, and I am using a mega menu plugin: Max Mega Menu.

    Can you help me to fix this issue ?

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

Viewing 2 replies - 16 through 17 (of 17 total)
Viewing 2 replies - 16 through 17 (of 17 total)
  • The topic ‘AMP plugin breaks my menu on mobile’ is closed to new replies.