Hi Kriesi Team,
About sub-menu style, please let me know how can I:
1- change the font size and font weight of it?
2- remove the shadow from the appeared sub-menu box and instead of it, I want to have a border around this appeared box, how should I do that? (I want the border color to be in blue and there is no background color needed)
Hey Sadegh,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
Feel free to adjust the font size and color values to suit your design.
#header .sub-menu {
box-shadow: none!important;
border:1px solid blue!important;
}
#header .sub-menu a {
font-size: 18px;
color: blue!important;
}
Best regards,
Vinay
Hi Vinay,
Thanks for your reply,
I put the codes in Quick Css, although the border is now okay, but the second one –font size– seems not to work.
1- So please let me know how can I increase sub-menu font size? (the codes you gave to me #header .sub-menu a {
doesn’t work)
2- And plus, how may I change the background color and font colorof the sub-menu, when I move my mouse over them. (I’m looking to have a result like the below image)
All the bests
Hi,
Use this:
#top .av-main-nav ul a{
font-size: 14px;
}
#top .av-main-nav ul li:hover a{
background: #21b1ec;
color: white !important;
}
Best regards,
Josue
Hi Josue,
Thanks a lot for your reply, it all worked for me.
(you may now close the topic)
Regards,
Sadegh
You are welcome, glad to help :)
Regards,
Josue