Re: Fixed Header Overlaps Product Images when zoomed in

Solved

Fixed Header Overlaps Product Images when zoomed in

Smokeking
New Member
4 0 0

Hello, i have made my homepage slideshow clickable, after that i was getting a problem where I try to click on submenu options, the slideshow was getting clicked instead of menu options. I fixed that problem by using this code #shopify-section-header {z-index: 1000;} in Base.css 
After i Fixed this, a new problem arised where the Header is fixed and overlaps product images when zoomed in. 
 

Accepted Solution (1)

LitExtension
Shopify Partner
4898 1004 1176

This is an accepted solution.

Hi @Smokeking,

Go to Assets > base.css and paste this at the bottom of the file:

.product-media-modal[open] {
    z-index: 1001 !important;
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com

View solution in original post

Reply 1 (1)

LitExtension
Shopify Partner
4898 1004 1176

This is an accepted solution.

Hi @Smokeking,

Go to Assets > base.css and paste this at the bottom of the file:

.product-media-modal[open] {
    z-index: 1001 !important;
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com