Change Color Of A Single Navigation Menu Item On Taste Theme

Store Design
,
1

Hello,

I am using the Taste theme and would like to change one of the top navigation menu items to red, and one of the drop down menu items to red. Both items are the Holiday Gift Guide. I’ve added screenshots below to specify which links I’m referring to.

Top navigation menu:

HZ 1.jpg
HZ 1.jpg2200×437 38 KB

Dropdown menu:

HZ 2.jpg
HZ 2.jpg1148×1276 85.9 KB

Can someone please assist with these requests? Thank you so much!

My website: https://theherbalzen.com

2

Hi @theherbalzen

This is PageFly - Advanced Page Builder.

You can try with this code:

Follow this:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: paste below code in bottom of file → save.

a[href=“/pages/gifts”] {

color: red;

}

Hope that my solution works for you.

Best regards,

PageFly.

1 Like
3

Hi @theherbalzen
To change the menu style like you want, You can try follow this path:
Themes => edit code => asset => base.css.
and add this code to bottom of the file base.css

.list-menu.list-menu--inline > li:last-child a {
  color: white;
background: red;
}
/*style for the item in dropdown menu*/
.list-menu.list-menu--inline > li:first-child ul.header__submenu li:last-child a {
color: white;
  background: red;
}

you can change the color to color you want.

4

This worked perfectly - thank you so much!!