Change menu on different sites

Topic summary

Issue: CSS used to place a video banner beneath the top menu affected all pages, causing menu glitches. The request was to apply this styling only on the homepage and to use a black logo on all non-home pages while keeping a white logo on the homepage.

Solutions implemented:

  • Scoped CSS to the homepage by wrapping it in a Shopify Liquid condition: if template == ‘index’ (i.e., only the index/home template). Confirmed to fix the menu issue on other pages.
  • For the logo color swap, a black logo file was uploaded and its URL provided. Code was added in theme.liquid before , using an unless template == ‘index’ condition to apply the black logo on all non-home pages. The exact CSS/HTML specifics weren’t shown, but screenshots confirmed the result.

Notes:

  • “template == ‘index’” targets the homepage; “unless template == ‘index’” targets all other pages.
  • Images were provided to show the final result; code placement in theme.liquid was central to the fix.

Outcome: Both requests resolved; no open questions.

Summarized with AI on December 19. AI used: gpt-5.

Hello guys. I have this code which change my video banner, so its going under my top menu:

sticky-header.header-wrapper.color-background-2.gradient { position: absolute !important; width: 100% !important; background: transparent !important; } .video-text a { background: transparent !important; border: solid 2px white; }

This is making my menu bugging on all other sites. I need this code only to work for my home page!

Can anyone help me out?

https://luviera.store/

Password: bautso

I also need a my logo in black on every other page besides the home page. Is this possible?

1 Like
{% if template == 'index' %}

{% endif %}

Can you try this code @ReviveShop

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like

This worked perfectly! Thank you very much.

Do you also know how to change the logo on other pages?

1 Like

Glad to help you. Which page do you want to change?.

1 Like

The Logo is in white right now, for the home page its perfectly. But on every other page the logo has to be black, like the menu.

1 Like

You can create a black version of the logo and upload it, then send me the black version logo url. I will try to code it for you.

1 Like

I just changed it!

https://luviera.store/cdn/shop/files/LUVIERA_4.png?v=1726073214&width=150

Thank you!

1 Like

Please Go back to the white logo version, and I just need the path of the black logo version to do the code.

1 Like

Changed it back.

1 Like
  • Here is the solution for you @ReviveShop
  • Please follow these steps:

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.
{% unless template == 'index' %}
  
{% endunless %}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like

Worked perfectly! Thank you so much, you the goat!

1 Like

Glad to help you. Have a good day.

  • Please mark it as ‘Solution’ if you find it helpful @ReviveShop . Thank you.
1 Like