Change size of nav menu and nav menu items

Hey there,
I am working on my new website and using the sydney theme.
I want to know if i can make the size of nav menu items bigger and bolder ?
and also i want to reduce the breadth of the nav menu.
My website is edbuddy.co.in

Hello there,

You’d need to add this extra CSS code to Appearance > Customize > Additional CSS from your site dashboard.


#mainnav .menu > li > a {
  font-size: 26px;
  color: #fff;
}

#mainnav {
  margin-top: -60px;
}

To change the menu item color while the header bar background is lighter after scrolling, you’d need to add this CSS code:


.float-header #mainnav .menu > li > a {
  color: #000;  
}  

Hope this reply helps.

Regards,
Kharis

Thank you Kharis. I was able to increase the size of the main nav items by your code. The last thing i want to ask you is how can i reduce the size of main nav bar. The nav bar on my site is too thick. I want to decrease its width. You can check on my website edbuddy.co.in
Thank You