I want to change the colour of my navigation on the product page only

Store Design
, ,
1

Hi,

I want to change the colour of my navigation on the product page only:

I am trying this code, but only seems to target global header:
body.template-product .header__menu-item,
body.template-product .header__menu-item span,
body.template-product .header__heading-link,
body.template-product .header__menu-item a {
color: #863425 !important;

}

URL Jadeo

Thank you so much

Mary

1 Like
2

Hi Mery

Could you share a password for fronend so we could see the issue ?

3

Hi @marycrichton123

image
image1304×594 34.3 KB

4

PWD: meelib

Thank you so much!

5

Well, that code is not working because you do not have template-product class on body element.

To add it, try this code in layout.theme.liquid. Find body code and replace or add just part

  <body class="gradient{% if settings.animations_hover_elements != 'none' %} animate--hover-{{ settings.animations_hover_elements }}{% endif %} template-{{ template.name | handle }} {{ template.suffix | handle }}">

note: I added

template-{{ template.name | handle }} {{ template.suffix | handle }}

Before closing double quotes so if your code is slightly different, add that code only.

1 Like
6

To check, I a min the right file:

in file: theme.liquid

I am replacing line 301 with:

image
image2372×478 69.7 KB

7

@marycrichton123

Yes just replace line 301, and save

1 Like
8

Thank you so much

Amazing fix

1 Like