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

VictoryStore
Tourist
10 0 2

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.

Reply 1 (1)

Benjamen
Shopify Partner
54 4 7

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! 

Benjamen @ Helium
- Customer Fields ✪✪✪✪✪ (300+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (200+ reviews)