Change the text color when hovering over main menu

Store Design
,
1

Hello, i want to change the text color when you hover over the text. Have try’d a lot of codes but nothing seems to work i am using the Horizon theme. if anyone could help me would be nice!

thanks in advance

3

the url is https://blockxunited.com/ and the password: 7RcNLeV7jk8K

thanks in advance

4

Thanks for sharing the url.

Could you please mention which text color it needs to change on hover. And also tell me on which page this text it is.

Thanks

5

Just the top menu where it says home, shop etc

6

Alright,

You need to follow these steps.

Go to Shopify Admin >> Online Store >> Edit Code >> styles.css

In the end of styles.css paste the following code shared below.

.menu-list__link:hover {
  color: red !important;
}

you can change the name of the color that you want.

Let me know if this works for you.

Thanks

7

i dont have the styles.css i do have the base.css is that the same?

8

Yes, just put in the base.css file.

9

thanks man this worked!

11

i see that the sub sections do not have that hover coler is that an other code or?

12

Yes, it has another code.

Paste this and change the color that you want.

.mega-menu__link:hover {
  color: red !important;
}
13

thank u so much!! u helped me so much was looking for codes for over an hour!

14

It’s my pleasure to help out.

I am happy that I save you upcoming hours.