Custom header problem

[diego-gk]

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.

[Mshehroz101]

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.

[PaulNewton]

Hi @diego-gk 👋 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 ⬇ ⬇ ⬇.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.