Solved

Video background covering menu on mobile version

Krzysztof_Harry
New Member
6 0 0

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

www.zestlab.cc 

 

Thanks for any advice.

.K

 

Accepted Solution (1)

Ahsan_ANC
Shopify Partner
1362 246 308

This is an accepted solution.

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;
}
Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search

View solution in original post

Replies 5 (5)

MarinaPetrovic
Shopify Partner
552 124 177

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

M.Petrovic | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Krzysztof_Harry
New Member
6 0 0

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

Ahsan_ANC
Shopify Partner
1362 246 308

This is an accepted solution.

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;
}
Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
Krzysztof_Harry
New Member
6 0 0

It worked! Ahsan_ANC you are awesome! Thanks!!

MADEINTORONTOAP
Visitor
1 0 0

Thankyou Ahsam_ANC it works!!! really appreciate you.