How can I fix the white logo visibility issue on secondary pages?

Shopify Discussion

Topic summary

White logo on a transparent header in Shopify’s Dawn theme becomes invisible on secondary pages; a scroll-based color inversion works on the Home page. The store owner wants the logo white at first on Home, turning black on scroll, and always black on other pages.

A suggested fix added code in theme.liquid (main layout file) above , intended to adjust logo color across pages. The provided code snippet content is not visible in the thread, and a result image was referenced without details.

Outcome: Implementing the suggestion made the logo permanently black site-wide. This solved visibility on secondary pages but removed the desired initial white logo on the Home page.

Current need: Page-specific behavior—persistent black logo on non-Home pages and scroll-triggered inversion on Home.

Status: Unresolved/ongoing. No confirmed solution yet; further adjustments to conditional logic or page-specific CSS/JS are required to meet the stated behavior.

Summarized with AI on January 13. AI used: gpt-5.
1

Hey, I’m creating a website for my new product.

I am using the Dawn theme on my store. I have done some coding myself to make the header transparent and my logo is white. I have done research and put I some code to inverse the colour once I scroll down. this is perfect on the Home Page.

But when I go to any other page (shop now, our story, etc) the logo remains white and you cannot see it.

Could I please have some advice on this, I have spent hours trying to figure this out.

Thanks

Website: thezhut.com.au

2

Hey @joshwatson1234

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

RESULT:

Moeed_0-1699593609904.png
Moeed_0-1699593609904.png1900×858 156 KB

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

Best Regards,
Moeed

1 Like
3

Hey @Moeed

Appreciate you taking the time to help me out. I did what you said and it has made the logo constantly black. this has fixed the issue on the other pages but now the logo is black on the home page too. On the Home Page, I would like the logo to be whitened then scroll down and it be black. And on the other Pages to be black all the time. I will leave the website as it is so you can look.

Thanks