Hi would like to ask how you can make your home page logo white while the rest of your pages are black. Please help!
PW: CollectionThree
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.
Hey @clayinfo
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- 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
Can anyone help me?