Why is my sticky header behind the product image?

[GREENS]

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

[GemPages]

Hello @GREENS 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

    <style>
      div#shopify-section-header {
          z-index: 99;
      }
    </style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[PageFly-Victor]

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