Gem pages product pages in front of drop down menu

Technical Q&A

Topic summary

  • Issue: On some mobile product pages, the dropdown header menu appears behind page content when using the Shopify Dawn theme with the GemPages builder. Adjusting CSS z-index did not resolve it.

  • Vendor update: GemPages confirms a code conflict with the new Dawn theme causing sticky header/menu layering issues. They are working on an official update to fix it.

  • Temporary fix: GemPages provided a hotfix instructing users to paste a code snippet before in theme.liquid (specific code not shown here). It aims to correct the stacking context.

  • Side effect: A user reports the hotfix makes the GemPages sticky header/announcement disappear. They want the dropdown menu to function while keeping the GemPages sticky announcement.

  • Status: No final resolution yet. The thread awaits a GemPages update or a refined hotfix that fixes menu layering without removing the sticky header.

  • Key terms: z-index (CSS property controlling stacking order); sticky header/announcement (header/notice that stays fixed while scrolling).

Summarized with AI on January 29. AI used: gpt-5.
1

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.

2

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

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

3

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.