Change Menu Sub-heading color in Prestige

Store Design
1

Hi, I am running a Shopify store using the Prestige theme.
https://tribefitcollective.com/

I am looking to change the the Menu Sub-headings hover color to #175431 but am not sure how to do so (please see screenshot for desktop browser view) . It seems to already work for mobile view.

I had previously changed the Menu headings via code below

theme.css

.Heading:hover {

color: #175431;

2

@TribeFitCollec - add this css to the very end of your theme.css file and check

.DropdownMenu .Linklist__Item:hover > .Link--secondary:hover {color:  #175431;}
3

Thank you. This works.

4

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/

Show More

Password: Chromatopia

I wish for the color to be #175431.

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

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

5

@TribeFitCollec please add this css and check, should look like screenshot

.Header .Link--secondary:hover {color: #175431;}

.Header .Heading, .Header .Link--secondary, .Header .Link--primary:hover{color: #175431;}

suyash1_0-1644641763211.png
suyash1_0-1644641763211.png1366×768 170 KB

6

Hi Suyash thanks for your reply, but it doesnt seem to be working.

We want the color to only change to Forest Green (#175431) for our Menu and Sub-menu for both Mobile and Desktop during hover.

7

@TribeFitCollec - try this, or can you add me as collab? I will do it

.Header .Link--secondary:hover {color: #175431;}

.Header .Heading:hover{color: #175431;}
8

Hi @suyash1

Yeah it unfortunately doesn’t work

Please request for collaborator access

Shopify store: https://tribe-collective-gear.myshopify.com/

9

@TribeFitCollec - i sent the request , please check

10

@TribeFitCollec - please check now

11

Hi Suyash, works now. Thanks a ton.

12

@TribeFitCollec - welcome, do let me know if you need anything, you have my email below.

1 Like