We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Dawn Mega Menu Glitch

Solved

Dawn Mega Menu Glitch

kemmieg
Shopify Partner
50 2 10

My client is using the Dawn theme and the mega menu setting in the theme. There is an issue with the mega menu on the homepage. When you click on one of the dropdown links, the menu disappears for a split second then re-directs to the intended page. When you click the same menu item on one of the inner pages, this does not happen, the mega menu stays open until the page re-directs. Has anyone run into this issue and know of a way to resolve it?

 

The site url is https://www.riversandglen.com/

 

I don't know if the slider image has anything to do with it or not. 

Accepted Solution (1)

tim
Shopify Partner
4812 598 1733

This is an accepted solution.

Yes, and also if you click link in mega-menu you're actually clicking current slide's link.

Because the link elements added to make entire slide clickable has very high z-index and this transparent element lays higher than megamenu.

 

You can try adding this code to Theme Settings=> Custom CSS or to the very bottom of the assets/base.css

.section-header.shopify-section-group-header-group {
  z-index: 1000;
}

 

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

Replies 2 (2)

tim
Shopify Partner
4812 598 1733

This is an accepted solution.

Yes, and also if you click link in mega-menu you're actually clicking current slide's link.

Because the link elements added to make entire slide clickable has very high z-index and this transparent element lays higher than megamenu.

 

You can try adding this code to Theme Settings=> Custom CSS or to the very bottom of the assets/base.css

.section-header.shopify-section-group-header-group {
  z-index: 1000;
}

 

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
kemmieg
Shopify Partner
50 2 10

Awesome that worked.

 

Thank you