Mega Menu Issue

[Jason]

Hi,

I am attempting to create this mega-menu, but I am not having any luck. I’ve followed these directions exactly, but no luck. Are there any updated changes to these instructions or should these still be working? After I add CSS and add the class to the menu, nothing happens.

https://docs.generatepress.com/article/building-simple-mega-menu/

[Leo]

Hi there,

Can you add the CSS in and disable your caching plugin(s) so we can take a look at the issue?

Thanks 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jason]

Good to go. I also adjusted the menu to have only four child items, in case that creates an issue.

[Leo]

Can you clear and disable the caching plugin so we can inspect the code better?

Please always do this when we are trying to help with the code.

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jason]

Sorry about that Leo. It’s been disabled.

[Leo]

I’m still seeing WP Rocket activated in the source.

Can you confirm and disable it?
https://www.screencast.com/t/D38Kfb9gVv

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jason]

Hey Leo,

Double-checked and WP-Rocket is still disabled.

[Jason]

Additional private info added

[Leo]

I’m not seeing the correct classes added to the menu items:
https://www.screencast.com/t/DV5Bzkh7ik

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jason]

Hmm, it’s on the parent link. Does it need to be added to everything in the menu?

[Leo]

I’m not seeing it on the parent links:
https://www.screencast.com/t/AEwNdKhxSqum
https://www.screencast.com/t/kTQhZsRO

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jason]

Looks like I had it on the child menu instead. Removed from the child and added to the actual parent (sorry about that)

[Leo]

I’m not seeing the CSS being applied.

Can you make sure all the previous CSS you’ve added above the mega menu CSS has no syntax error that stops the mega menu CSS from working?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jason]

You nailed it. I moved the CSS up and it started working immediately. I’ll work through that stuff to get it fixed. Thanks again for your patient help. Issue fixed (user error on my part). Thanks

[Jason]

Marked as resolved

[Author]

Posts