Hello,
I am trying to change the current-item color of the full width sub-menu. But unfortunately i can’t figure out the right css.
Could you help mi to solve this?
http://test.tanzprojekte.ch/
This is my actual code:
/***************SUB MENUS***************************/
#sub_menu1 {
background-color:#333333;
border:none !important;
background:black !important;
}
#sub_menu1 ul{
margin-left:20px !important;
font-family:”oswald”, sans-serif !important;
font-weight:bold;
font-size:1.3em;
margin-top:0 !important;
padding:0 !important;
}
#sub_menu1 li{
font-family:”oswald”, sans-serif !important;
font-weight:bold;
font-size:1.3em;
}
.av-submenu-container li.current-menu-item > a > .avia-menu-text {
color: orange !important;
}
Hey corina!
Thank you for using Enfold.
You can try this in the Quick CSS field:
#top .av-subnav-menu > li a:focus {
color: red;
}
Best regards,
Ismael
Hello Ismael. Thanks for your reply. Unfortunately this is not working….
I would like to have the submenu items of their sections colored when thei’re active.
Ex. you click on news and only news is red.
Thank you