No menu at all

Hi,

Please can you set up a staging site with MMM enabled so I can see the issue?

Regards,
Tom

Hello!

I can quick enable the MMM again instead of installing a staging site. The issue seems to affect only browser users (mobile view seems fine).

Just reply here when you have the chance to check it out and I’ll enable the plugin again.

Chers.

Hi,

Please re-enable it, I’ll be around for the next 30 minutes or so.

Regards,
Tom

I just enabled the plugin now.

Thanks. The menu is there, but it is hidden for some reason. Please edit the themes header.php file (within a Child Theme) and remove this class:

That will bring the menu back, then then add the following CSS to Mega Menu > Menu Themes > Custom Styling (it must go here and not somewhere else) to fix the menu position:

@include desktop {
    #site-navigation {
        float: right;
    }
}

After that it should look like this:

Regards,
Tom

Ok thanks!
I placed the css under the MMM options but I can’t seem to remove that class. I’m already working on a child theme and I even created the header copy for this, but that class is mentioned in the parent header file, not on the child theme file.

How can I actually remove it?

You would need to search your theme files for ‘onepress-menu’, then try changing the class to something else i.e. ‘onepress-menu-here’. Once the change shows up on the front end, copy the file to your child theme and remove the class (or rename it).

Regards,
Tom

I’m going nuts over here..

I’ve searched in all the parent theme files for some reference to that class, but found nothing. I see that css in the browser window like you did, and its under the /head somewhere, but I am unable to find it in the files…

• This reply was modified 2 years, 4 months ago by msdesignfoto.

Hi,

I see it in template-tags.php, but they’re outputting the menu HTML using a PHP function which makes it difficult to copy to a child theme. As an alternative, try installing the TC Custom JavaScript plugin (or plugin of your choice) and use this to remove the class instead:

jQuery(document).ready(function( $ ) {
	$(".onepress-menu").removeClass("onepress-menu");
});

Regards,
Tom

Well, that didn’t work. It caused a critical error when trying to remove that class (using Snippets plugin).

Please try using the JavaScript I posted above with the TC Custom JavaScript plugin, that way there is no need to edit any files.

Regards,
Tom

Ok, after a backup restore and fixing the snippet, I used the TC Custom Javascript plugin to add that code. Snippets plugin also used an interface in a similar way, but it must have interpreted as php or something.

Now it works. The menu is visible again!

Thanks!

I just had a minor setback…

In mobile, there are two menus… One collapsed, and another one always opened. Can’t seem to figure this out now..

Last minute code:

Added this

.onepress-menu ul {z-index: 99;}

And deleted the javascript code. Now both issues are gone!