Brooklyn Menu Hover Disappears

Solved
Oatmealr
Tourist
5 0 3

https://period.shop/

We added a few more menu items, which lengthened the menu. On desktop, the hover menu for "shop" in the header works properly, but when you move your mouse to select the lowest item in the drop down menu the hover menu disappears. My only guess from inspecting the page is that the div containing the h1 header might be breaking the hover behavior. You can test this by opening the hover menu, scrolling the page down while the hover menu is still open, and you'll be able to select the last item in the menu. 

I've attempted to increase the z-index of the .site-nav__link and .site-nav__dropdown, which didn't work. I played when changing them from relative to absolute, which broke the menu and didn't fix it. I also tried making a negative z-index for p.h1. 

Anyone have a way to fix the hover disappearing for long menu items?

Michael_Pink
Navigator
264 44 56

This is an accepted solution.

HI @Oatmealr 
Thank you for your question. 
You can try follow this path:
Themes => edit code => asset => theme.scss.liquid
and add this code to bottom of the file theme.scss.liquid

.welcome-message {
z-index: 1;
}
My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageFly PageBuilder App.
shopify.expert.team@gmail.com
0 Likes
KetanKumar
Shopify Partner
16020 1761 5914

This is an accepted solution.

@Oatmealr 

Sorry for facing this issue, it's my pleasure to help us.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.welcome-message {z-index: 1;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Oatmealr
Tourist
5 0 3

You da man, that was it! I was z-indexing the wrong stuff. 

Much appreciated!

0 Likes
Oatmealr
Tourist
5 0 3

You're also da man. That worked!

KetanKumar
Shopify Partner
16020 1761 5914

@Oatmealr 

it's My pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes