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

Store Design
1

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!

2

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

3

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 ?

4

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

5

Please let me know if you need any help. Thanks