A Shopify store owner wants to display different header logos across their site: a white logo on the homepage (changing to black on scroll) and a black logo on all other pages.
Solution Provided:
PageFly-Victor offered a code solution involving:
</body> tag that checks if the template is not “index” (homepage)Follow-up Issues:
The discussion remains partially open with the mobile responsiveness issue unresolved.
Currently, I have a white logo on my homepage (transparent/fade background) and when you scrolling the header logo changes to black color but I want black logo on all pages that I have keeping the white logo on homepage and black logo when scrolling.
my page: chikaragear.com
Hi @EricSaldierna ,
This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:
Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :
{% if template != "index" %}
{% endif %}
Hope my answer will help you.
Best regards,
Victor | PageFly
It works! Thank you
@PageFly-Victor @Could you please help me on another doubt?
When I’m in other pages the logo is black (thanks for that) but I would like to know if is possible that menu tab, the search section and the car icon look black as well.
I answered your question in new topic
Hi, this has been super helpful for my site thank you! However when on mobile view, on all the pages but the homepage my heading is too big for the page so its cropped most of the logo out. Could you help with this? 
https://loveellastudio.com/
