Need help with menu css


I am trying to add some custom css to the theme, but so ar without luck.

These are the things I would like to change:
1 I would like to change the font type, font size of the main menu.
2. Also, would it be possible to change the color on hover of a menu item? And when it is active?
3. Background color behind the logo area.

I hope you can help me out with this.


Hi there

Hope you are having a good day and thank you for your question :slight_smile:
In order to check your question i need to see your live website, please provide url and i will take a look


Thank you for your quick reply. :slight_smile:
The site is currently in maintenance mode, so you need to login to see the site.

I have created a user for you:
IT help

Thank you.



please use this css in appearance > customize > additional css

#site-navigation a {
font-size: 17px;
font-family: “Nunito Sans”, sans-serif;
line-height: 26px;
#site-navigation a:hover {
color: red;
#site-navigation .menu > li.current-menu-item a{
color: red;
.site-branding {
background: green;

Please note, these are default CSS and you have to change them