Navigation titles disapear when on collection or product page

Store Design
, , ,

Topic summary

A user encountered an issue where navigation text in the header appears white on collection and product pages, making it invisible against the background.

Solutions Provided:

Two community members offered CSS-based fixes:

  • CSS approach: Target .header__link-list a elements to set default black text, with conditional white text for the home page using a body.home-page class selector

  • JavaScript alternative: Detect the current page path and dynamically apply colors—white for home page (“/”), black for all other pages

  • Implementation: Add the CSS code to the theme.liquid file before the </head> tag via Online Store → Theme → Edit code

Resolution:
The issue was successfully resolved, with the original poster confirming the solution worked.

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

Thank you so much!