How can I stop my product image from overlapping my sticky header?

Topic summary

A user is experiencing a z-index issue where product images appear in front of their sticky header when scrolling, obscuring navigation elements.

Current Status:

  • User provided site URL and password for troubleshooting
  • Included screenshot demonstrating the overlap problem
  • GemPages support team responded but initially couldn’t reproduce the issue

Key Details:

  • Problem occurs specifically when clicking/scrolling: the sticky header moves behind product images instead of staying on top
  • GemPages support requested additional information to identify the specific URL where the header displays incorrectly

Resolution Status: Ongoing - awaiting further diagnostic information to pinpoint the exact page and conditions causing the layering conflict.

Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.

Hello,

For some reason, my product image appears in front of my sticky header, is there a way to correct this? See pic. Thanks in advance.

My site is: greenlyliving.co

Password: zoom

Hello @GREENS

It’s GemPages support team and glad to support you today.

I’ve checked header show normal

Can you give me URL have header show incorrect so I can check it for you?

Kind & Best regards,
GemPages Support Team

Hi GemPages,

When you click on the header, that’s when the sticky header is behind the image.