Here is some CSS that you can try. If you want to play around with the colors, just switch the color and background properties until you get it how you want.
.kad-menu-name {
color: rgb(43, 85, 122);
background: white;
border: 1px solid rgb(43, 85, 122)
}
Appearance> Theme Options> Advanced Settings> Custom CSS is where you’ll place this code.
Hi Kevin!
Thanks for the code. “Menu” title on the home page is displayed great now but when I expand it and see the full menu it still has an old look. Can you help me to change style of the menu when it’s expanded as well?
Thank you! Your help is much appreciated.
Kind regards,
Vladimir
Oh, and three lines to the right of the “Menu” title are still black while it will be great to have them blue as well. In fact, you can see all the stuff by yourself as I’ve already implemented some changes with the help of your code.
Big thank you once again!
Try adding this CSS!
ul#menu-main-menu-1 {
background: white;
border-right: 1px solid rgb(43, 85, 122);
border-left: 1px solid rgb(43, 85, 122);
border-bottom: 1px solid rgb(43, 85, 122);
}
ul#menu-main-menu-1 li a {
color: rgb(43, 85, 122);
}
Wow, it’s really great! Thanks!
However, there are two liiitle issues remained: three lines are still black (they are turning into blue only when I tap them) and there is little grey (or maybe light blue) line just under the menu that surely should be removed – you can easily spot it by yourself.
Thank you one last time – I promise not to disturb you with this anymore! 🙂
Kind regards,
Vladimir
I’m not seeing the first issue, but here is some CSS that will remove the grey.
ul#menu-main-menu-1 {
margin-bottom: 0;
}
Thank you Kevin!
Everything looks great thanks to you.
