Video background covering menu on mobile version

Store Design
1

Hello,

I’m new on Shopify, and i was wondering if you are able to help me with an issue. I’ve added video background on my website, however it does not work properly on mobile view. It seems that video is covering whole menu. This issue is only visible in this preview.

Screen below.

Krzysztof_Harry_0-1661012569738.png
Krzysztof_Harry_0-1661012569738.png407×803 223 KB

www.zestlab.cc

Thanks for any advice.

.K

2

Hi @Krzysztof_Harry , go to edit code > assets > base.css and add this:

@media screen and (max-width: 767px)
.videoBackground .fullscreen-video-wrap {
    z-index: 1!important;
}
}

Result:

Screenshot 2022-08-20 at 18.36.35.png
Screenshot 2022-08-20 at 18.36.35.png642×1038 69.9 KB

3

Hi, @Krzysztof_Harry

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
main#MainContent{
    z-index: 1 !important;
}
5 Likes
4

Hello Dear Marina!

Thanks for a super quick reply!

I’m nor sure where to paste it. It seems that it did not work when i’m adding this code to the bottom of base.css

5

It worked! Ahsan_ANC you are awesome! Thanks!!

6

Thankyou Ahsam_ANC it works!!! really appreciate you.