Hide Header Logo In Order To Use In Checkout Page

Site URL: https://www.together-store.com/clothing

Hello!

I'm attempting to figure out how to use an img logo in my checkout page while still retaining the live-text title on my main website header. 

I prefer straight up live-text title instead of an img logo but, unfortunately, this means the checkout page has a crummy looking font for the title.

Would a solve be to hide the uploaded img logo in CSS so only the title shows? Thus allowing me to select the 'use logo' field in the checkout customization page?

I've tried a few things to no avail. Any insight or help would be greatly appreciated. Thank you!!

Erik

Website: https://www.together-store.com/clothing

Password: welcome

2 hours ago, ehamline said:

Site URL: https://burgundy-tetra-8dp5.squarespace.com/

Hello!

I'm attempting to figure out how to use an img logo in my checkout page while still retaining the live-text title on my main website header. 

I prefer straight up live-text title instead of an img logo but, unfortunately, this means the checkout page has a crummy looking font for the title.

Would a solve be to hide the uploaded img logo in CSS so only the title shows? Thus allowing me to select the 'use logo' field in the checkout customization page?

I've tried a few things to no avail. Any insight or help would be greatly appreciated. Thank you!!

Erik

 

Website: burgundy-tetra-8dp5.squarespace.com

Password: welcome

Checkout page can not be editted using css or javascript 

16 hours ago, bangank36 said:

Checkout page can not be editted using css or javascript 

Thank you @bangank36 - I understand the Checkout cannot be edited. I am wondering if we can just hide the uploaded img logo on the main website leaving the h2 Title in its place. 

I believe this would allow me to be able to use an img logo on the Checkout page while still retaining an h2 Title on the website. 

Hope this makes sense. Much appreciated! 

@ehamline to add logo on main pages only, add this to Design > Custom CSS

a#site-title:before {
    background-image: url(https://cdn.pixabay.com/photo/2021/10/14/15/11/cathedral-6709412__480.jpg);
    display: block;
    width: 100px;
    height: 70px;
    background-size: cover;
    background-position: center center;
    content: "";
}

Thank you @tuanphan!