Supply Theme: Dropdown Subitems Change Color When Their Collection is Clicked

8 0 1


Everything about my menu works great - it is supposed to highlight the selected page. However, when a collection item on the menu with subitems is clicked, all of the subitems are highlighted as well. I would like for it to only highlight the single page on the menu. Is that possible?

Also, if an item on a dropdown is selected that it would highlight the main menu item for that dropdown.

I am very good with css/html, I just need to know the code.

password: ogpnw

Screen Shot 2021-04-25 at 4.20.37 PM.png

Screen Shot 2021-04-25 at 4.21.01 PM.png

Screen Shot 2021-04-25 at 4.21.55 PM.png


Thanks in advance!


Shopify Partner
675 67 119

Hi @originpnw

Can you please send me screenshot to clarify your problem? So I can check and give you the best solution in this case.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Shopify Partner
625 167 419

@originpnw  please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 729px){
.site-nav a:hover {
    color: #00fffc !important;
    background-color: transparent !important;


Want to theme customize contact us E-mail :
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store