How to change the navigation menu text color in Studio theme?

Hello! I am using the Studio theme, and my current menu text color in default state is white but it looks like it has some opacity on top of it, when hover, it has the underline and 100% opacity on the text. I am wondering how do I change the text style in the menu text for default state?

Thank you so much.

Default state:

When hover:

Hi @Puchi

Can you please share your website url?

HEllo @Puchi
Please provide the url and password of your website.

Hi @Puchi , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Hi @Puchi

please provide us website url.

you can try this one for change background color

ul#HeaderMenu-MenuList-4 {
    background: #cfcfcf;
}

Hi @Puchi ,

Go to Online Store > Themes > Actions > Edit Code > base.css

Add below code at the bottom of base.css file

.header__menu-item.list-menu__item, .header__menu-item.list-menu__item:hover {
    color: #000;
}

Hi @Puchi

You can follow this instruction:

  1. Go to Shopify > Theme > Customize

  2. Copy and paste this code on Theme settings > Custom CSS section

.header__menu-item {
    text-decoration-line: underline !important;
    color: white !important;
}

Best regards,

Liz

Hi @Puchi ,

Can you share your store URL so that I can check for you?

Best,

Daisy

Hi the website address is https://littlepuchi.com/password

pw:123456

Hi Liz,

thanks for the solution, I have tried the code but it made the entire list. item become white which is invisible now because the background color is white, can you please advise me how to improve? thank you

the website address is https://littlepuchi.com/password

pw:123456