How do you make your logo white but only for HOME PAGE

Topic summary

A user seeks to make their logo white exclusively on the homepage while keeping it black on other pages.

Proposed Solution:

  • Add CSS code to the theme.liquid file (above the </body> tag) using a conditional statement {% if template == 'index' %} to target only the homepage
  • The code snippet provided uses template logic to apply white color styling specifically to the index/home page

Unresolved Issue:

  • The original poster reports the solution doesn’t work properly when resizing the browser window—the logo reverts to white unexpectedly
  • A follow-up request for additional help has been posted

Status: The discussion remains open with no working solution yet provided for the responsive design problem.

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

Hi would like to ask how you can make your home page logo white while the rest of your pages are black. Please help!

www.constructionlayers.com

PW: CollectionThree

Hey @clayinfo

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.
{% if template == 'index' %}

{% endif %}

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

When i resize my window it becomes white again :disappointed_face:

Can anyone help me?