Menu hid behind the slideshow (dawn theme)

Store Design
1

Hi,

I’ve tried to change slideshow to clickable and remove arrows. But, suddenly, menu hid behind the slideshow.

sc01.jpg
sc01.jpg1146×241 12.3 KB

How can I fix this??Can anyone help this problem?
Any help would be greatly appreciated.

https://yokiplaza.myshopify.com/
pw: arubre

2

@yokiP

Hi,

Please add the code below to assets/base.css file.

slideshow__slide {
  z-index: 1 !important;
}
header__submenu {
  z-index: 99;
}

Hope it helps.

Thanks.

1 Like
3

@yokiP

Please add the code below to the assets/base.css file.

.slider.slider--everywhere .slider__slide > a { z-index: -9!important;}

Thanks!

1 Like
4

It worked! :D!

I really really thank you!

5

It worked too!

Thank you so much!!!

6

Hello… I had similar issue with the video slideshow covering up the menu-drawer _navigation after adding a video slideshow to the Dawn template. I tried to use the sloutions provided here, but it did not work for me. After tinkering a bit with the code, testing variable inputs, I found the solution to my problem!

In the Sections folder, and in the videoBackground.liquid file, the".videoBackground .fullscreen-video-wrap" line, I changed the z-index from 3 to a -1.

That did the trick!!

jmart10540_2-1679497746707.png
jmart10540_2-1679497746707.png1168×523 116 KB

I hope this helps others!

1 Like
7

After browsing through all previous entries for hours, this was my solution! Thank you so much!