How do I change the size of the the Sub Menu Text? How about the regular and hover state of the menu text?
Also I noticed when I scroll down I;m unable to click the buttons?
Please advise
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .av-subnav-menu li a {
font-size: 14px;
color: red;
}
#top .av-subnav-menu li a:hover {
color: orange;
}
#sub_menu1 {
z-index: 503!important;
}
Best regards,
Yigit
Thanks Yigit!
Anyway to add a background box to the rollover? ( like I have in the main navigation) and any way to customize that color for each link? (like in the social icons)
Hi!
Use this:
#top .av-subnav-menu li a{
padding: 4px 10px 4px 12px;
}
#top .av-subnav-menu .menu-item-top-level-1 a:hover{
background-color: red;
}
#top .av-subnav-menu .menu-item-top-level-2 a:hover{
background-color: green;
}
#top .av-subnav-menu .menu-item-top-level-3 a:hover{
background-color: blue;
}
Cheers!
Josue
Thanks
How do I change the text color when it is rollover?
Any way to make it a smooth transition like in the main main and social icons??? right now the transition is a little rough.
Use this code:
#top .av-subnav-menu li a {
transition: all linear 0.1s;
}
#top .av-subnav-menu li a:hover {
color: red;
}
Regards,
Josue
Ahoy Josue –
Those didnt seem to work
Hey!
Try adding !important:
#top .av-subnav-menu li a:hover {
color: red !important;
}
Cheers!
Josue