Single Menu Item Colour Change on Mobile (Dawn Theme)

Hi there.

I want to change a single item menu colour (sale) to red. It is red on my desktop but not mobile on the drawdown menu.

Please assist.

Apologies, I mean the drawer menu for mobile

Can you share store URL? @AI_CR7

www.unseengrail.com

thank you so much for the timely response

Hello @AI_CR7 ,

Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the base.css file and add the following code paste in the base.css file

a#HeaderDrawer-sell {
    color: red !important;
}

Result:

Thanks!

Where should i enter that code? in bass.css?

I am trying to change sale not sell. So i pasted that code at the bottom of my base.css but nothing has changed?

Thank you for helping though, just please let me know if there is anything i may be doing wrong as nothing changed on my side after i pasted that code?

Look forward to hearing back from you. Sorry I have been struggling for 2 days with this..

Hi @AI_CR7

check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

a#HeaderDrawer-sale {
    color: red; 
}

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

I check your base.css code seems like your missing something.

Please add closing bracket on the top of it.

Like this.

And save refresh the preview.

Please, let me know if still not working so we can do another solution. Thanks!

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

I did it just as you said. Nothing?

Is there a way you can do it and save it on your side? Because it works when you save bu t not when i save?

Would it be instant, when changing code?

Please look if I have done it correct. I added brackets but still nothing?

Please, delete/remove the this "

Made4uoRibe_0-1715178745278.png

Please, be careful with the codes if you miss, add, or remove something it wont work. Its sensitive. Thanks!

You a LEGENDDDD!!!

When you go to the costumize theme. check this one on the right side on the very end. You can also paste the code here.

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

@AI_CR7

a#HeaderDrawer-sale{
  color: red !important;
}