Solved

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

TribeFitCollec
Excursionist
22 0 1

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. 

Accepted Solutions (2)

SimonD
Shopify Partner
159 11 21

This is an accepted solution.

Please add this code into theme.css

.Heading:hover {

   color:  #016064;

}

banned

View solution in original post

Not applicable

This is an 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!

 

View solution in original post

Replies 4 (4)

SimonD
Shopify Partner
159 11 21

This is an accepted solution.

Please add this code into theme.css

.Heading:hover {

   color:  #016064;

}

banned
TribeFitCollec
Excursionist
22 0 1

Thank you. 🙂

Not applicable

This is an 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
Excursionist
22 0 1

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;
}