Alt logo for individual product pages

Site URL: https://www.butchclothes.com/store/p/drifter

Hi there!

For my products, I’d like to have an alternative logo in my header. Not in the ‘store’ page but literally when you click on each individual products!

Thanks 🙂

On 5/3/2021 at 10:30 AM, Bzzz123456 said:

Site URL: https://www.butchclothes.com/store/p/drifter

Hi there!

For my products, I’d like to have an alternative logo in my header. Not in the ‘store’ page but literally when you click on each individual products!

 

Thanks 🙂

Add to Design > Custom CSS

/* Products logo */
body.collection-type-products.view-item .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

19 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Products logo */
body.collection-type-products.view-item .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

 

Wow thanks so much! I really appreciate it 🙂 It doesn’t seem to be working on mobile view for me - is there a way around this? Thanks!

On 5/5/2021 at 9:03 AM, Bzzz123456 said:

Wow thanks so much! I really appreciate it 🙂 It doesn’t seem to be working on mobile view for me - is there a way around this? Thanks!

Remove above & use new code

/* Products logo */
body.collection-type-products.view-item header#header img {
    filter: invert(1);
    -webkit-filter: invert(1);
}