How can I change the menu hover color in Prestige theme?

[TribeFitCollec]

Hi, I am running a Shopify store using the Prestige theme.
https://tribefitcollective.com/ 
I am looking to change the the Menu hover color to #016064 but am not sure how to do so. 

[SimonD · Accepted solution]

Please add this code into theme.css

.Heading:hover {

   color:  #016064;

}

[SimonD · Accepted solution]

Please add this code into theme.css

.Heading:hover {

   color:  #016064;

}

[TribeFitCollec]

Thank you. 🙂

[Anonymous · Accepted solution]

Hello,

I have checked your store url and i am sharing a code for header menu and its submenus (dropdown menus) code. Please add this code in assets -> theme.css file.

li.HorizontalList__Item a:hover {
color: #016064;
}

.DropdownMenu ul li a:hover {
color: #016064 !important;
}

 
Thank you

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!

[TribeFitCollec]

Hi There, this code doesnt seem to work for my Menu and Sub-menu hover anymore on desktop browser and mobile browser. 

Store: https://tribefitcollective.com/ 

Password:

Click to expand...

Chromatopia 

I wish for the color to be #175431. 

----

li.HorizontalList__Item a:hover {
color: #175431;
}

.DropdownMenu ul li a:hover {
color: #175431 !important;
}