Menu font has changed when I updated the theme

[Salena Knight]

Hi Bill,

I’ve just noticed that the font and spacing of the nav menu has all changed when I just updated the Kerygma theme.

Can you please advise what the theme default was prior, so i can change it back?

Thanks

[Bill Robbins]

Hi Salena,

You’ll need to make the font size smaller. You can change the font and the font size of the navigation menu in the theme options page (Appearance > Theme Options). They will be on the first tab there. You can make them smaller to fit more items on a line.

You can also take out a bit of the space between items this way:

;

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   nav#top-menu li:first-of-type a {
   	margin-left: 0;
   }
   
   nav#top-menu li a,
   nav#top-menu li a:visited {
   	margin-left: 6px;
   }
   

3. Update your settings.

You can experiment with the 6px by making it larger or smaller to find the fit you’d like to have. The default font size is 20px. If this was my site, I would try making that 18px and then playing around with the margin to see what the most space I can have and keep it on one line.

Bill

[Author]

Posts