Hi community! I need help with a website I am working on (https://tartar-berlin.com/). There is a header image that appears on every page and is replaced by another image on the “tartar-care” page (https://tartar-berlin.com/collections/tartar-care). I don’t want the header image to appear anywhere other than the “tartar-care” page and eventually another page which I will add. Right now in order to have both images in the header I have the code below. Could you please help me figure out how I can keep the logo in the tartar-care page and not in the other pages without having a massive space in between the navigation and the content? Thanks a lot!
{% if template contains "collection" and collection.handle == "tartar-care" %}
{% assign logo_src="https://cdn.shopify.com/s/files/1/2479/2738/files/TARTAR-Care-Logo-Web-transparent.png?v=1614004087" %}
{% else %}
{% assign logo_src="https://cdn.shopify.com/s/files/1/2479/2738/files/TARTAR-webheader_2f64f81d-e65a-4f1e-99ab-6766355f38de.jpg?17689223928869986124" %}
{% endif %}