sticky header not working on product page (gempages) but works on home page (gempages)

[hypiralstore]

My sticky header doesn't work on my gempages product page (https://hypiral.com/products/sumtumshapewear) but works on the home page which has also been uploaded with gempages (https://hypiral.com/) - Any suggestions or help would be greatly appreciated.

[PageFly-Victor]

Hi @hypiralstore 

This is Victor from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
html,body{
overflow: visible !important;
}
</style>

If it still not work after added the code, i suggest you should contact Gempages support for more help.

Hope this can help you solve the issue 

Best regards,

Victor | PageFly

[GemPages]

Hi @hypiralstore,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

1. Go to Edit code on Online Store:

2. add my code  above the </body> tag on Theme.liquid:

<style>
      body.gempage:not(.gempage-editing) {
        overflow-x: initial !important;
        overflow-y: initial !important;
      }
      body.gempage:not(.gempage-editing) .gryffeditor {
        overflow: hidden !important;
      }
      #MainContent, body.gempage:not(.gempage-editing) .gryffeditor {
        z-index: 1 !important;
      }
      body.gempage .header-wrapper {
        z-index: 99 !important;
      }
    </style>

Eg:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

[hypiralstore]

Hi this didn’t work. Is there anything else I could try?

[PageFly-Victor]

I suggest you should contact the app support since they have more resources and will fix this more quicker.
Thank you

[baysaltarkan]

This one solved my issue - Thank you!

[Sebastianwgnt]

This helped me aswell! Thank you very much!! 

[upk2021]

Solved sticky header for us. Works in Dawn theme v15.