Change menu colour per page

Store Design
, , ,
1

Hi!

I’d like to keep my homepage menu nav colour beige, and green for the rest of the pages. Here’s a link to my website: https://www.unadiamond.com/

I’m using the Broadcast theme!

2

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag

{% if template.name != 'index' %}

{% endif %}

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

3

Hi @unadiamond

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
Step 2: Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
Step 3: Add the following code at the bottom of the file above tag

Here is the code for Step 3:

{% if template.name != "index" %}
header.theme__header .section-padding * {
    color: green !important;
}
{% endif %}

image.png
image.png1894×699 107 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

4

Hello @unadiamond

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

{% if template == 'index' %} .navtext { color: #f5f5dc !important; /* Beige color for homepage */ } {% else %} .navtext { color: #004335 !important; /* Green color for other pages */ } {% endif %}

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

5

Hi! Thank you :slightly_smiling_face: Quick follow up - how would I be able to apply this change across several pages? ie: having the homepage and a few other pages beige, and the remaining pages to remain green? Thanks in advance!

6

Hi! Thank you :slightly_smiling_face: Quick follow up to folks - how would I be able to apply this change across several pages? ie: having the homepage and a few other pages beige, and the remaining pages to remain green? Thanks in advance!