Dear support,
i managed to get the main menu items bordered with this code:
.current-menu-item > a span.avia-menu-text {
border: 1px solid white;
padding: 4px 8px;
}
Now i want to have the current submenu item bordered in a different color when active. Is this possible?
Hey dondela,
Do you mean when the item is hovered over?
Best regards,
Victoria
Hey Victoria,
No I mean the active state of the submenu should have a different border color than the main menu
Hi dondela,
Best regards,
Victoria
Thanks Victoria,
yes like in your screenshot. The active submenu selector (Ausstellerplan) should have a different border-color than the main-menu selector (Partner).
Wit this code i address the main and the submenu:
.current-menu-item > a span.avia-menu-text {
border: 1px solid white;
padding: 4px 8px;
}
How can i address the active-submenu border-color?
Hi,
.current-menu-item > a span.avia-menu-text:active {
border: 1px solid white;
padding: 4px 8px;
}
Try that code please
Best regards,
Basilis
Hi,
i tried that code but it doesn´t change the submenu active state:
.current-menu-item > a span.avia-menu-text:active {
border: 1px solid black!important;
padding: 1px 8px;
}
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
#top .av-main-nav ul li.current-menu-item a > .avia-menu-text {
border-color: orange;
}
Best regards,
Yigit
Hi Yigit,
thank you very much, thats it!
Great support as always