Is it possible to have a different logo on my header on my Homepage? When you enter the site, the logo should be white, when i go further to the other pages to logo should switch to a black version. thx for any help in advance

You can do it using Javascript path checking. window.addEventListener("DOMContentLoaded", function() { const logo = document.querySelector(".logo"); const isHomepage = window.location.pathname === "/"; if (isHomepage || !isHomepage) { logo.classList.add("logo--white"); // Add class for w…

You can use this code on the theme.liquid Better to create an asset js file, and then paste it.

but where do i put my png files? url: sixdreamz.com

[image.png] Upload photo/icon here. Then Preview and edit > Copy image address. You will get the shopify cdn address. Use that.

[sixdreamz_0-1716981628977.png] like this? now add the link inside the brackets?

That code is for adding a css class. Not for adding images. const logo = document.querySelector(".logo"); logo.src="image_url_black_or_white_which_will_be_used_for_homepage"; const isHomepage = window.location.pathname === "/"; if(!isHomepage) { logo.src="change_the_image"; }

so i just copy this in my js file which i made. and then i copy the css code into theme.liquid?

Hi @sixdreamz , Request you to refer the below video to implement the same. You have to update the inner pages template like default collection, product, cart and page by using code provided in video. [How to change header logo for specific in Collection in Shopify | Shopify tutorial] …

Different Logo on Header

Store Design

nafeeur10 May 29, 2024, 12:05pm 10

If both files are images (black and white icons), you don’t need CSS.

Topic		Replies	Views
Different Logos on Header Store Design menu , design , header , customizations , collection-page , footer , landing-page , css , third-party-themes , cart-page , metafields , shopify-themes , troubleshooting , html , product-page	3	53	June 1, 2024
Header Menu Text Colour Changes Store Design header	8	107	March 26, 2025
Change header on specific page only Store Design design , header , customizations , css , shopify-themes , html , product-page	14	502	November 28, 2024
Help with Header Logo/Text Navigation Color – White on Home, Black on Other Pages Shopify Discussion troubleshooting	7	132	May 6, 2025
How to change logo image (from black to white), only for homepage? Technical Q&A css	2	53	November 13, 2023

Different Logo on Header

Related topics