Custom header problem

Store Design
, ,

Topic summary

A developer is experiencing an intermittent issue with a transparent header on calmagk.com’s homepage. The header should remain transparent until users hover over menu items, but some visitors report it occasionally loads with a white background, making the white menu text invisible.

Key details:

  • The issue doesn’t reproduce on the developer’s own device
  • The problem appears inconsistently for other users
  • The root cause in the code hasn’t been identified yet

Suggested solutions:

  • Add text shadow to menu items to ensure visibility regardless of background color
  • Adjust CSS source order and specificity for the menu styling
  • Collect detailed bug reports including device type, browser, and version information

The discussion remains open with no definitive resolution, as the developer cannot replicate the issue to properly debug it.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
1

The site I’m working on is calmagk.com
I’m having a weird issue with my header from the homepage.
It is supposed to be always transparent unless you hover on one of the menu items.
People are telling me that sometimes when they load the landing page it appears all white and since the menu item text is white then they can’t see the menu.
On my device it does not happen at all.
I can’t spot the issue in the code.

2

Surrey wants to be my head yet, I don’t yet have a bank account that I
can’t bake Shopfa Kar Kar I am trying to become an account if I am trying
to get a hurry.

3

Hi @diego-gk :waving_hand: Simplest solve is to add a text shadow to the text so ANY potential contrast issues are handled.

Or to identify the menus css and extract it to be earlier in the source order AND also duplicate later in the source order so it has higher specificity.

As for debugging , an issue you can’t replicate is an expensive problem often lacking critical detail from the bug reports such as device type, browser used & version, etc.

If you need this customization, or debugged $$, then contact me for services.
Contact info in forum signature below :down_arrow: :down_arrow: :down_arrow:.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.