How to apply active page color to submenu items?

Cukrovinky
Tourist
22 0 2

Hello, as you can see the active page color works just for the main item in the submenu. I want to work it also for the item that is opened in the submenu. 

Cukrovinky_0-1708107828215.png

 

Replies 3 (3)

ZenoPageBuilder
Shopify Partner
1052 203 217

Hello @Cukrovinky 👋

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.list-menu__item--active {
    color: #D63484;
}

The result

Screenshot 2024-02-17 at 08.28.25.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
Cukrovinky
Tourist
22 0 2

Thank you, this helped. But I see that when I open different page in the submenu, that has another submenu in itself, it won't change the active color. Do you know how to do this? 

Cukrovinky_0-1708159924451.png

 

ZenoPageBuilder
Shopify Partner
1052 203 217

Hi @Cukrovinky 👋

Your theme code does not provide any CSS class so we can highlight the submenu itself, unfortunately.

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com