Sure! Here’s a clear and professional title and post you can use on the Shopify Community forum: Title: Help with Header Logo/Text Color – White on Home, Black on Other Pages Post Content: Hi everyone, I’m working on customizing my Shopify store’s header and could use some help. On the homepage,…

Hey @SarahGua Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated. Best Regards, Moeed

Hello @SarahGua You’re on the right track, and this is a very common design pattern—especially for modern storefronts with hero banners. To accomplish this cleanly on Shopify, you’ll need to: Solution Overview: Use JavaScript to detect the current page (homepage vs other pages). Use CSS class…

Hello @SarahGua Let me explain how it works on the Kith site: They use an SVG for the logo and change its color dynamically as the user scrolls. You can achieve a similar effect. For example, on the Home (Index) page, you could use a white background for the logo initially, and then change it on…

Hello @SarahGua You don’t need to paste the entire code. Based on your site, you need to use it. Do you have a sticky header? If yes, then you will not need to add any JS. You can achieve this by using CSS.

Here’s exactly where to place each part of the solution in your Shopify theme (I’ll assume you’re using a modern Online Store 2.0 theme like Dawn or something similar — let me know if it’s a different one): Step-by-Step Placement Guide CSS Code (for styling the header) Where: Go to Online Store…

Help with Header Logo/Text Navigation Color – White on Home, Black on Other Pages

Shopify Discussion

SarahGua May 5, 2025, 4:52pm 5

Hello where exactly im adding those codes ?

Topic		Replies	Views
Need transparent header and white text and white logo on home page only. Scroll up, black text+logo Shopify Discussion troubleshooting	5	36	January 24, 2024
Header Menu Text Colour Changes Store Design header	8	93	March 26, 2025
Header Text Color Invert Shopify Discussion troubleshooting	4	65	December 9, 2025
How to change the header menu text color in every other page than the home one? Store Design design , header , customizations	7	130	April 4, 2025
Change header on specific page only Store Design design , header , customizations , css , shopify-themes , html , product-page	14	461	November 28, 2024

Help with Header Logo/Text Navigation Color – White on Home, Black on Other Pages

Related topics