Icons appearing black on ipad version only

Topic summary

Main issue: On the homepage, the iPad view shows the hamburger menu and shopping bag icons in black; the goal is to have these icons white on the homepage only while keeping other pages unchanged.

Context and attempts:

  • White text/logo on a transparent header is already working on the homepage. Screenshots for desktop, mobile, and iPad were provided (visuals are central to understanding the issue).
  • Code added in theme.liquid (above ) made the icons white but applied site‑wide, which is undesirable.
  • Another CSS suggestion (.header-wrapper .icon { color: #fff !important }) either also affected all pages or didn’t apply when placed in base.css or theme.liquid, depending on placement.

Latest update:

  • It was clarified that achieving homepage‑only styling requires modifying the theme code to scope the change to the homepage template.
  • An offer was made to implement this via collaborator access to the store.

Status:

  • Unresolved. Next step is to apply homepage-scoped logic (e.g., conditional or template-specific selector) or proceed with collaborator access to implement the change.
Summarized with AI on December 30. AI used: gpt-5.

Oh, so you want it to be white on the homepage. That requires modifying the theme code. I can help you directly modify it.
So I need to access your store as a collaborator if possible.