Mobile Toggle

I encountered the same issue. The previous version of the plugin used an <input /> and a label for the toggle. The new version of the plugin has a <div> with a class of mega-menu-toggle.

There is a plugin setting (under Theme Editor) labeled Responsive Menu Text, which says it is the “Text to display next to the mobile toggle icon“. This setting was blank when I looked at the settings, which is what I actually want. I entered ‘Menu’ to see if text was required. After I saved the settings, the toggle was working. I then removed the ‘Menu’ text and saved the settings again. The toggle still appears to be working.

I believe the settings for the new structure weren’t created until the theme settings were saved again.

HOWEVER, since the input and label have been replaced with a div, my styles for the toggle are gone. I need to figure them out all over again. ??

rheathers, the mobile toggle should still be there, but it’s JavaScript ‘powered’ now instead of CSS3. Please could you post a link to your site? You might have a JavaScript error on your page.

Becky, the CSS should be automatically regenerated when you update the plugin, it’s a pain to actually test though (I haven’t figured out a way to simulate the plugin update process locally). In theory it should work but I’ll double check that. But yes, saving a theme, or the menu, or the settings will regenerate the CSS for you.

Sorry for the hassle of having to redo the CSS, I don’t make changes like this lightly… the problem with the CSS approach before was it relied on the menu ID’s being unique (as they should be), but themes have a habit of outputting the exact same menu twice (resulting in duplicate IDs, and therefore breaking the toggle button) – resulting in lots of support and the button not working ‘out of the box’. The JavaScript approach thats in place now should work even with duplicate IDs and hopefully it will make it easier for people to get up and running in the future.

Great, I’ll try the update again. Sounds like I’ll need to do a little CSS swapping as well for the toggle to function properly for my setup but that’s ok.

Tom, I’m working on a dev site so didn’t want to post a link. But it sounds like the new version will work for me with a little tweaking. I’ll look and see if any JS errors are getting thrown and I’ll post again if I run into any further troubles. Thanks for the work on the update.

Tom – Thanks for the follow-up.

I mainly posted to try to help out rheathers. I was encountering the same thing and saving the settings got it working again. Maybe my browser was caching the old code. I’ve been having some issues lately with Firefox not wanting to clear the cache when I tell it to.

As for having to change my CSS … I really only needed to add one line to set the background color of the toggle.