How to change the color of one main menu title to red in Turbo theme (pc and mobile)?

Store Design
1

Hi, how can I change one title on my main menu to differend color both on pc and mobile screen?

I’m using Turbo theme. The title is ‘Joululahjat’ and our shop url is thefinlandshop.fi

The color change should only affect the main menu title and not the subtitles.

Thanks, Pauliina

2

@Pauliina

Thanks

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.scss.liquid->paste below code at the bottom of the file.
ul.menu.align_left li:last-child a {
    color: red !important;
}
#mobile_menu li:nth-child(4) a {
    color: red;
}
#mobile_menu li:nth-child(4) ul li a {
    color: #2b2a2a;
}
3

Many thanks KetanKumar, this worked perfectly!

4

@Pauliina

Thanks for update and support.

5

Hi!

I’ve tried to apply this to my store (turbo theme).

The mobile part works just fine but first part, for desktop, does not work.
Could you help me to fix this please?

Here’s my website www.capsizefly.com and I want the “Gift Guide” element of the menu to be color: #9B5228 (but not the child menu). Thank you!