Refresh Theme - How To Change Main Menu Text Color WITHOUT Changing The Website Background?

Store Design
, ,
1

So I want to make my main menu color dark to contrast the light heading color-- but there’s one option in theme colors that changes the main menu text color AND the background of the website at the same time.

Any idea how to make the text dark while keeping the background light?

(Also, I don’t want to make the background/ main menu green, it’s just for the post)

Screen Shot 2022-12-26 at 11.53.12 PM.png
Screen Shot 2022-12-26 at 11.53.12 PM.png1144×638 397 KB

1 Like
2

@goldengooseeeee

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hello @KetanKumar

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

4

https://the-iceballmaker.myshopify.com/

5

https://the-iceballmaker.myshopify.com/

1 Like
6

Hello @goldengooseeeee

You can follow these steps:

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

GemPages_1-1672199452107.png
GemPages_1-1672199452107.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_0-1672199441516.png
GemPages_0-1672199441516.png1462×859 67.1 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

1 Like
7

Please add below css code in bottom of assets/base.css file

ul li .list-menu__item span {
color: red; (give any color code instead of red as per your website)

}
Thank you.

1 Like
8

@goldengooseeeee

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.header span, .header a { color: #000 !important;}
1 Like