Please Go back to the white logo version, and I just need the path of the black logo version to do the code.
Topic summary
Issue: CSS used to place a video banner beneath the top menu affected all pages, causing menu glitches. The request was to apply this styling only on the homepage and to use a black logo on all non-home pages while keeping a white logo on the homepage.
Solutions implemented:
- Scoped CSS to the homepage by wrapping it in a Shopify Liquid condition: if template == ‘index’ (i.e., only the index/home template). Confirmed to fix the menu issue on other pages.
- For the logo color swap, a black logo file was uploaded and its URL provided. Code was added in theme.liquid before , using an unless template == ‘index’ condition to apply the black logo on all non-home pages. The exact CSS/HTML specifics weren’t shown, but screenshots confirmed the result.
Notes:
- “template == ‘index’” targets the homepage; “unless template == ‘index’” targets all other pages.
- Images were provided to show the final result; code placement in theme.liquid was central to the fix.
Outcome: Both requests resolved; no open questions.
1 Like