[Resolved] Mobile menu not working

[Dana]

Hi there,
I have just added generatepress to naturalearthymama.com and the mobile menu initially displays the bar and hamburger, but when you click on it, it goes light pink and you cannot see or use the menu.
I have Slideout Menu (Current: main) ticked

I have not done anything different to my other site, and its mobile menu works fine.
Any ideas?

[Leo]

Hi there,

Can you try #1 here to eliminate any plugin conflicts first?
https://docs.generatepress.com/article/debugging-tips/

Let me know 🙂

[Dana]

It appears to be something with WP Rocket. Any ideas?

[Leo]

Are you using WP Rockets on your other sites?

We have lots of users using WP Rocket.

There might be a setting you have to change.

[Dana]

I am using it on my other site, and the menu on it isn’t quite as broken as on this one, but it is acting weird. Has anyone else had this conflict? is there a way of finding out which of all the many setting might be the issue?

[David]

Hi there,

best to start with the File Optimization – disable the CSS settings one by one and see if that resolves it. If not then move onto the JS.

[Dana]

OK so it appears it is the minify CSS option in WP Rocket causing the menu to break. Thank you for your guidance.

[David]

You’re welcome. Their maybe an exclude option – that is don’t minify specific files. If that is the case you can try excluding:

mobile.min-2.2.1.css

[Dana]

Excellent, that works!
thank you

[David]

Glad to be of help.

[Author]

Posts