A user seeks to modify the Athens theme so that menu header items retain their hover styling (blue color and underline) when the corresponding page is active.
Solution Provided:
base.css file in Shopify’s theme code editor.navigation-main-item.current with a color propertyOutcome:
Note: The conversation contains encoded/reversed text that appears to include store credentials and image references, but the core technical solution and resolution are clear.
Is there a way to make it so that the menu header when clicked it stays on blue color (like the hover effect and underline border) depending on the page? Ex: if i click on catalog i want the underline border + the color blue of the hover to be active, etc.
shop name is : artgex.myshopify.com and pass is Superpowers123
Hello @David123123
In Shopify Admin, you can go to Edit theme code, open file base.css and add this code snippet at the bottom
.navigation-main-item .current {
color: #2E9AFE;
}
Hello @David123123 ,
I checked your page and found that it has worked as you want.
Did you fix it yourself? It’s perfect.
I hope I can help you the next time.
Best regards,
GemPages Support Team
Yes!! thank you so muchhhh everyone : )!!
