Horizontal Menu - Change Font Size
Currently building our new site. We picked a theme that we like, however, we want the main horizontal menu bar to have a smaller font so that it fits more of our pages on the menu (and not hidden in the additional drop-down). Is a theme override really the only way to adjust the font smaller? We are using the Bookshelf Textbook theme, but would prefer to have the menu bar that's more similar to the Granite theme.
Is there a straightforward way to make this change? Thanks in advance.
![](https://secure.gravatar.com/avatar/ef040343b09b5aa0aa6df9173785a78b?size=40&default=https%3A%2F%2Fassets.uvcdn.com%2Fpkg%2Fadmin%2Ficons%2Fuser_70-6bcf9e08938533adb9bac95c3e487cb2a6d4a32f890ca6fdc82e3072e0ea0368.png)
-
Thanks for the code! Very helpful! Any thoughts on how we can add tooltips to the navigation menu gadget now?? Thanks for sharing your knowledge. It's very much appreciated!
-
Eric Bright commented
You are a life saver! Thank you!
-
Sergey O. commented
You may try using CSS customization in order to change the font size of first level menu in horizontal menu:
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a
{
font-size: 15px;
padding-top: 10px;
padding-bottom: 10px;
}You may change the font-size property and padding values up to you.
To learn how to enter CSS customization code please refer to this page:
http://help.wildapricot.com/display/DOC/CSS+Customization/?utm_source=contexthelp&utm_medium=site&utm_campaign=contexthelp#CSScustomization-EnteringCSScustomizationcode -
Eric Bright commented
Any responses on this? This may be a deal-breaker for us switching to Wild Apricot. We can't condense our menu down to four or five from eight or nine without losing functionality. Lots of the sample themes show that many options on the menu, but none of them actually have it.