How can I fix issues with Mega Menu on the Refresh theme?

Technical Q&A
,
1

Hello,

I’m currently trying to implement the Mega Menu on the refresh theme and have run into a few issues I need some help with.

  1. I’ve set up a hover effect to open the menu options, but once I move my mouse down over the expanded menu the menu disappears. I think there must be a gap between the menu and the mega menu section that is causing this.

  2. Currently the mega menu background takes up the whole screen. I would prefer the menu background to be adjusted according to the number of columns.

  3. 2nd level nav shows horizontally. I would prefer for them to stack vertically in a column if they don’t have 3rd level nav.

1 Like
2

Hello,

I’m sure there’s a CSS solution to those issues. I just read your post and thought that a Mega Menu app might give you exactly what you want without having to mess with code.

You can take a look at how our app Meteor handles smart mouse tracking and size of drop downs here.
All the best!

1 Like