-
AuthorPosts
-
August 14, 2018 at 1:09 pm #997059
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?
August 14, 2018 at 6:37 pm #997216Hey dondela,
Do you mean when the item is hovered over?
Best regards,
VictoriaAugust 14, 2018 at 6:42 pm #997223Hey Victoria,
No I mean the active state of the submenu should have a different border color than the main menuAugust 15, 2018 at 10:44 am #997494Hi dondela,
Best regards,
VictoriaAugust 15, 2018 at 10:49 am #997497Thanks 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?
August 15, 2018 at 9:14 pm #997682Hi,
.current-menu-item > a span.avia-menu-text:active {
border: 1px solid white;
padding: 4px 8px;
}Try that code please
Best regards,
BasilisAugust 16, 2018 at 7:51 am #997824Hi,
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;
}August 16, 2018 at 5:10 pm #998009Hi,
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,
YigitAugust 16, 2018 at 5:57 pm #998033Hi Yigit,
thank you very much, thats it!
Great support as alwaysAugust 16, 2018 at 5:58 pm #998037 -
AuthorPosts
- The topic ‘Submenu active element bordered’ is closed to new replies.
