How to use a different logo color on my header without affecting other assets?

Store Design
, ,
1

Hello Community,

I would like to have a different logo (well, not different just another color) on my header.

This because i want my original logo to be used almost everywhere, checkout, communications, etc but not in the header.

If i change the logo, then all these assets are updated with this new version and i don’t want that.

Is there a simple way to achieve this?

For reference, if needed, here is the store page

https://boxxi.store

Thanks guys.

2

Hi, @boxxi

Please send me image which you have to place in header

3

Hello @topnewyork ,

Thanks for your feedback. Attached is the image.

Boxxi Logo Branco Amarelo.png
Boxxi Logo Branco Amarelo.png2381×827 7.86 KB

4

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find base.css file
img.header__heading-logo{
   
    content: url("URL_OF_YOUR_NEW_LOGO_IMAGE") !important;
  }
1 Like
5

Thanks @topnewyork ,

ChatGpt had suggest a different and much more complicated workaround.

I’ve tested it and it works like a charm.

Cheers!

6

that good but its and easy way to change which code i provide for the header image of header