Dawn Mega Menu Glitch

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.

1 Like

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;
}

Awesome that worked.

Thank you