Shopify themes, liquid, logos, and UX
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
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.
Solved! Go to the solution
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;
}
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;
}
Awesome that worked.
Thank you