How can I change the color of a menu item in the Craft theme?

Store Design
, ,
1

Ive gone through every discussion on this forum and all the code that worked for other people doesnt seem to work for me for some reason:

I am using the craft theme and would like to change this Item on the header menu to a red color

Decor3_0-1675553884590.png

My store:

https://decorme-home.myshopify.com/

2

Hi @Decor3

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

a[href=“/collections/on-sale”] {

color: red;

}

PageFlyVictor_0-1675555915467.png
PageFlyVictor_0-1675555915467.png636×124 5.55 KB

Hope that my solution works for you.

Best regards,

Victor | PageFly

3

Hello @Decor3 ,

It’s GemPages support team and glad to support you today.

I would like to give you a recommendation to support you so kindly follow steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1675567665964.png
GemPages_0-1675567665964.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

4

This did not work unfortunately and is the same code that many others have said worked for them. I dont know why it doesnt work for me but GemPages fixed the issue :grin:

5

Also wondering, how do i also make it red on mobile devices?

6

Hi @Decor3 ,

In order to make it red on mobile devices too. You could please try adding this code before the tag:

Let us know how it works for you.

Best regards,
GemPages Support Team

7

Thank you! Works like a charm

8

hello, can you help pls to do the same but with (everything under 15$) your code works with 1 word but when i try more the one it does not work