Dawn theme 8.0.1 mega menu hover shows but disappears when I try to click on the sub menu item

floweractually
Excursionist
27 0 5

Hi,

 

I have checked out quite a few mega menu coding and apparently it doesn't work on my Dawn theme 8.0.1. the mega menu shows when hovered but it will disappear as soon as I try to move and click on the menu items. Does anyone have a solution to this? Thanks in advance!

Replies 4 (4)

GemPages
Shopify Partner
5589 1261 1221

Hello @floweractually ,

 

It's the GemPages Support Team and we are glad to assist you today!

 

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
floweractually
Excursionist
27 0 5

Hi, my store is live but the theme I am working on isn't. is there any way that I could show you without providing the password ?

MansoorAb
Shopify Partner
12 0 1

Hi,
Go the Themes > Edit Code and then search 

{component-mega-menu.css}

 

find the following section :

 

.mega-menu__content {
background-color: rgb(var(--color-background));
border-left: 0;
border-radius: 0;
border-right: 0;
left: 0;
overflow-y: auto;
padding-bottom: 2.4rem;
padding-top: 2.4rem;
position: absolute;
right: 0;
top: 100%;
z-index: -1;
}

In this section remove the top:100% and z-index. Save the code and check it again. it worked for me. Thanks

MansoorAb
Shopify Partner
12 0 1

Please let me know if you need any help. Thanks