mega-toggle-label appears since last update

  • Resolved rfouquet

    (@rfouquet)


    6 years, 8 months ago

    Hello,

    I just updated plugin, and now I have the label “MENU” that appears in my menu.
    It was not here before, and I was better like this !

    Here is the source code that appears in my page and should not be here …

    <span class=”mega-toggle-label-closed”>MENU</span>
    <span class=”mega-toggle-label-open”>MENU</span>

    Can you tell me how to fix it ?
    Thank you

    • This topic was modified 6 years, 8 months ago by rfouquet.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter rfouquet

    (@rfouquet)

    Actually it disappear when I desactivate plugin in wordpress admin panel, and I still have my menu working… I don’t really understand what’s going on.

    Plugin Author megamenu

    (@megamenu)

    Hi rfouquet,

    Please go to Mega Menu > Tools and clear the CSS cache (this will update the menu CSS). If you have caching plugins installed, you’ll also need to clear those after regenerating the menu CSS. You should see a notice on your admin dashboard saying this needs to be done.

    If you still have problems please post a link to your site so I can take a look.

    Regards,
    Tom

    • This reply was modified 6 years, 8 months ago by megamenu.
    Thread Starter rfouquet

    (@rfouquet)

    Ok, I clear the CSS but still having the same issue.
    Only way to remove the MENU MENU appearing is to desactivate plugin.
    Website is : https://le-lavandou.fr/

    Plugin Author megamenu

    (@megamenu)

    Hi,

    Thanks for the link, I can see the problem now.

    Your theme is applying it’s own styling to Max Mega Menu (so Max Mega Menu itself is not responsible for styling your menu), but it is out of date now.

    Please check if your theme has an update which fixes the issue. If not, please go to Appearance > Customize > Additional CSS and add the following:

    .mega-menu-toggle {
   display: none;
}

    Regards,
    Tom

    Thread Starter rfouquet

    (@rfouquet)

    Ok great ! that CSS trick fix the issue.
    Theme was updated few weeks ago, but no fix for that.

    Anyway, it’s working fine now.

    Thank you very much.
    Regards

    • This reply was modified 6 years, 8 months ago by rfouquet.
    hardonhorsepoweradmin

    (@hardonhorsepoweradmin)

    I am also having this issue since last update, is there a way to unhook whatever echos this line of code rather than just css’ing it out?

    And in regards to the statement made above towards the OP – I can agree with OP that this is certainly not a theme-level issue, as my theme’s css has minimal css rules that dictate Max-Mega-Menu styles (there were no such rules orignialy, and the only rules I have personally added are to set background-color for nav li elements), so something must have changed in the classes or html hierarchy as part of the Max Mega Menu Plugin itself.

    Plugin Author megamenu

    (@megamenu)

    Hi,

    something must have changed in the classes or html hierarchy as part of the Max Mega Menu Plugin itself.

    This is correct. The “MENU” text in the mobile toggle used to be output using :before and :after CSS pseudo elements (so if your theme did not output the MMM CSS, then it would not be displayed). It worked, and I liked it that way, but as someone pointed out in a past support thread, it’s against accessibility guidelines and text like that should be output as standard HTML so that it can be read by screen readers. This is why the change was made.

    If you, or the theme you are using, is not using MMM to style the menu then you’ll need to manually add that CSS to hide the MENU text.

    If you’d prefer to do it with PHP, there is a filter here that you can use to modify the contents of the toggle bar:

    https://plugins.trac.www.ads-software.com/browser/megamenu/trunk/megamenu.php#L480

    Regards,
    Tom

    • This reply was modified 6 years, 8 months ago by megamenu.
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘mega-toggle-label appears since last update’ is closed to new replies.