How to change the font of the menu

Knowledgebase Docs » UberMenu 2 » Common Customizations
USEFUL? 1
UberMenu 2

Font Family

By default, the menu will inherit the font from your theme. You can change the font via custom CSS:

#megaMenu, 
#megaMenu ul.megaMenu,
#megaMenu ul.megaMenu li.menu-item, 
#megaMenu ul.megaMenu li.menu-item a, 
#megaMenu ul.megaMenu li.menu-item span.um-anchoremulator, 
#megaMenu ul.megaMenu li.menu-item .widget, 
#megaMenu ul.megaMenu li.menu-item p{
    font-family: Helvetica, Arial, sans-serif;
}

Font Size

To change the font size, grab one of the selectors from the customizer and set the font-size property. For the top level:

/* Top Level Items */
#megaMenu ul.megaMenu > li.menu-item > a, 
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator {
  font-size: 12px;
}

Font Uppercase/lowercase

To change the font to uppercase or lowercase, you use the text-transform CSS property

/* Set top level transform to 'none' or 'uppercase' */
#megaMenu ul.megaMenu > li.menu-item > a span.wpmega-link-title, 
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator span.wpmega-link-title{
  text-transform:none;	/* uppercase */
}

Font Weight

#megaMenu ul.megaMenu li.menu-item > a,
#megaMenu ul.megaMenu li.menu-item > span.um-anchoremulator{
  font-weight:normal;
}

Or target a specific level with the Customization Assistant

Style Generator

If you are using the Style Generator, you can set the font size via the settings in the Style Generator options panel. But keep in mind that these styles only apply if you have set your Style Application to Style Generator; they will not augment a preset.

Skins Pack

Note if you are using a skins pack, you may need to further qualify your CSS selector to apply your style, for example:

#megaMenu.wpmega-preset-flat-blue ul.megaMenu > li.menu-item > a, 
#megaMenu.wpmega-preset-flat-blue ul.megaMenu > li.menu-item > span.um-anchoremulator {
  font-size: 14px;
}
#megaMenu.wpmega-preset-flat-blue, 
#megaMenu.wpmega-preset-flat-blue ul.megaMenu,
#megaMenu.wpmega-preset-flat-blue ul.megaMenu li.menu-item, 
#megaMenu.wpmega-preset-flat-blue ul.megaMenu li.menu-item a, 
#megaMenu.wpmega-preset-flat-blue ul.megaMenu li.menu-item span.um-anchoremulator, 
#megaMenu.wpmega-preset-flat-blue ul.megaMenu li.menu-item a span, 
#megaMenu.wpmega-preset-flat-blue ul.megaMenu li.menu-item span.um-anchoremulator span, 
#megaMenu.wpmega-preset-flat-blue ul.megaMenu li.menu-item .widget, 
#megaMenu.wpmega-preset-flat-blue ul.megaMenu li.menu-item p{
    font-family: Georgia, serif;
}