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

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.


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
Thank You