Different menu logo on different pages

Store Design
, , ,
1

Hey there!

I’m trying to have some pages have a beige header menu logo and the others to have a green header menu logo. I’ve tried this code in my theme.liquid file but it’s not working - is anyone able to please fix this up / help me understand what needs to be rectified for it to work? My website is unadiamond.com

{% if template == 'index' or template == 'page.learning-about-lab-grown' or template == 'page.all-about-diamonds' or template == 'page.our-process' or template == 'page.lookbook' or template == 'page.how-to-find-your-ring-size' %} .header__heading-logo { content: url('{{ 'una_beige.png' | [https://cdn.shopify.com/s/files/1/0886/1256/9363/files/UNA_Beige.png?v=1720392734](https://cdn.shopify.com/s/files/1/0886/1256/9363/files/UNA_Beige.png?v=1720392734) }}'); /* Beige logo */ } {% else %} .header__heading-logo { content: url('{{ 'una_green.png' | [https://cdn.shopify.com/s/files/1/0886/1256/9363/files/UNA_Green.png?v=1720392734](https://cdn.shopify.com/s/files/1/0886/1256/9363/files/UNA_Green.png?v=1720392734) }}'); /* Green logo */ } {% endif %}
1 Like
2

Hello @unadiamond

Here’s the corrected code for your theme.liquid file:

Upload Images to Shopify Files:

  • Go to your Shopify Admin > Settings > Files.
  • Upload UNA_Beige.png and UNA_Green.png there.
3

hey! thank you so much - i’ve used your code with the image URLs taken from my media library (please see below) but it’s still not working - am i getting the URLs wrong?

{% if template == 'index' or template == 'page.learning-about-lab-grown' or template == 'page.all-about-diamonds' or template == 'page.our-process' or template == 'page.lookbook' or template == 'page.how-to-find-your-ring-size' %} .header__heading-logo { content: url('{{ "UNA_Beige.png" | [https://cdn.shopify.com/s/files/1/0886/1256/9363/files/UNA_Beige.png?v=1720392734](https://cdn.shopify.com/s/files/1/0886/1256/9363/files/UNA_Beige.png?v=1720392734) }}'); } {% else %} .header__heading-logo { content: url('{{ "UNA_Green.png" | [https://cdn.shopify.com/s/files/1/0886/1256/9363/files/UNA_Green.png?v=1720392734](https://cdn.shopify.com/s/files/1/0886/1256/9363/files/UNA_Green.png?v=1720392734) }}'); } {% endif %}
4

hey! the code snippet is just the one i’ve got in my post, please let me know if there’s anything i can supply to support :slightly_smiling_face: