Mobile Side menu being covered by a custom video section

Retired Boards Appdev Store Design
1

Hey there, I recently added a custom section to my Shopify store so that I can have a video background on my landing page, everything works fine, except for when I go on mobile and try to open the side bar, it ends up not showing over the video but works fine everywhere else. Any ideas?

the site is oasiscoffee.store

I followed a tutorial for the custom section which is here (https://ecomexperts.io/blogs/liquid-tutorial-shopify/background-video)

2

Hello @MaxStovall ,

To fix this issue, you need to add the below-provided CSS code in your video section CSS file.

Find the code below.

.videoBox{

z-index:0 !important;

}

Cedcommerce_0-1669718258824.png

image.png

Hope this helps, let us know if we can be of any further help with your Shopify journey.

All the best,

CedCommerce

3

Hello @MaxStovall ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1670315506896.png
GemPages_0-1670315506896.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

For example,

GemPages_1-1670315590157.png
GemPages_1-1670315590157.png1913×908 77.9 KB

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

1 Like