Gem pages product pages in front of drop down menu

[Jesse063]

Hey everyone,

I've been stuck on this for hours now and I just can't seem to fix it. 

I'm using the dawn theme in association with the gem pages page builder and the dropdown header menu on mobile is stuck behind the page content. I have messed around with a few z-index's but nothings working. It is only happening to a few product pages too.

My website is freshnblend.com

I would really appreciate some help,

Cheers, Jesse.

[GemPages]

Hi @Jesse063  

It's GemPages support team and thank you so much for bringing your concern up so that we can help. I understand that you are creating a sticky header with GemPages however it shows behind the page content upon scrolling. It's due to a small code conflict with the new Dawn theme and be rest assured that we are well aware of it and are working to get our code updated soon to resolve it. 

For now, I can provide you with a hotfix that is now in use. Hereby is the code and how to add it:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </body>

<style>
   body.gempage #MainContent{
      z-index: 1 !important;
   }
</style>

Please give it a try and if you need a hand then, do let us know. Thank you Jesse and we apologize for the inconvenience, though.

Best regards,

GemPages Support Team

[HoneyPot1]

Hi, that code works, but the GemPages sticky header disappear. And thats not what i want. I would like to dropdown menu works and with a GemPages sticky annoucement, is it possible?

Many Thanks.