Dawn Theme: Hover drop-down list disappears over the clickable image banner

Store Design
1

Hi everyone,

I’ve got a problem after combining hover drop down menu and clickable slideshow banner below. After i hover over the menu and try to move cursor down the list, the menu disappears right where the banner begins. It looks like somehow banner has the higher priority.

Thanks for your help.

Website is www.kaodecor.com (pwd: bahvay)

2

@Decorkao - please add this css to the end of your base.css file and check, in screenshot mouse hovered over cats menu

#shopify-section-header {z-index: 1000;}

suyash1_0-1660790835307.png
suyash1_0-1660790835307.png1366×768 220 KB

2 Likes
3

Hi @Decorkao ,

Please go to slideshow.liquid file, move and change code here:

Screenshot.png
Screenshot.png1550×686 58.2 KB

Code:

Hope it helps!

4

Just wanted to add that this works for anybody else searching. Also solves the issue if you have a clickable link slideshow that is prioritizing the slideshow above the menu. Like when you click in the menu on desktop, but it clicks whatever the slideshow is linked to instead of the menu item.

1 Like
5

I cannot get this to work, it keeps disappearing
Intimateinnovations.nl

6

Hi, i have the same problem in dawn 13.0 could you help me? The code is not working?

7

It only works the first time i refresh the page, after that it is back to dissappearing