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

[Decorkao]

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)

[suyash1 · Accepted solution]

@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;}

[AcedCorpLLC]

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.

[Klipoorbellennl]

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

[Klipoorbellennl]

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

[LitCommerce]

Hi @Decorkao,

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

Code:

<a href="{{ block.settings.link }}" style="display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;" tabindex="-1"></a>

Hope it helps!

[intinnovations]

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