Why is my sticky header behind the product image?

Store Design
1

Hello,

On my product page, the sticky header is behind the product image. A while back I disabled the zoom on the product image, but now I have found that by doing so, the header is now behind the image. Can someone please help me? Thanks is advance.

Site: greenlyliving.co

Password: zoom

60475843-48AE-4235-AEDA-34E96EA9344A.jpeg
60475843-48AE-4235-AEDA-34E96EA9344A.jpeg2621×1555 420 KB

2

Hello @GREENS

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1675390031143.png
GemPages_0-1675390031143.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1675390205734.png
GemPages_1-1675390205734.png1530×842 67.7 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

3

Hi @GREENS

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

.section-template–15571586580580__main-padding {

padding-top: 100px !important;

}

sticky-header.header-wrapper.color-background-1.gradient.header-wrapper–border-bottom {

position: fixed;

top: 12%;

z-index: 111111;

width: 100%;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly