Change the color of a single navigation menu

Solved
Lucinne
Tourist
6 0 0

Hello, I'm looking for the same as Jean-Louis on my Impulse theme.

I would like to add a "private sales" section to my menu in red also.

Is it the same on this theme?

I have to copy the piece of code to integrate it at the end of my theme?

https://www.endro-cosmetiques.com/

menu endro.PNGtheme impulse.PNG

0 Likes
JHKCreate
Shopify Partner
2810 480 686

Hi @Lucinne 

Can you add the menu item so we can provide the code? It's not 100% the same.

Thanks!+

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
- Learn more about us: jhkcreate.com

0 Likes

@Lucinne 
can you give mark which menu color you want to change?
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us | Whatsapp. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes
Lucinne
Tourist
6 0 0

Thanks a lot for your help ! I added the "Private Sales" tab to my menu

menu endro 22.PNG

0 Likes

@Lucinne 
Which color do you want to put?

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us | Whatsapp. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes
Lucinne
Tourist
6 0 0

The color mark is : #803959

0 Likes

@Lucinne 
Paste the code on top of the theme.scss file.

li.site-nav__item.site-nav__expanded-item:first-child a {
    color: #803959 !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us | Whatsapp. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
Lucinne
Tourist
6 0 0

Lucinne_0-1632141680911.png

Thank you for your message. 

I paste the code at the beginning of my thme in theme.liquid as on my capture but it does not work.  

0 Likes

@Lucinne 
Not in theme. liquid.
Paste this code on top of the theme.scss file.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us | Whatsapp. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
Lucinne
Tourist
6 0 0

Lucinne_0-1632142261586.png

I'm sorry maybe it's me, but I can't find it. I searched in layout, assets, templates, sections ...
Do I have to create it somewhere?

 

0 Likes