Navigation: Larger font size


Larger top-level menu items




/* -- code make top level menu items larger -- */
.main-menu>li>a { font-size:18px !important; }
/* - end - */

The value 18px can be adjusted to smaller: 14px or 16px.


Reduce spacing between menu items

This additional code will help reduce the spacing between menu items to provide some more room in the navigation:

/* -- code make menu items tighter when using larger fonts -- */
.nav--desktop .main-menu>li>a { margin-left: 15px; }
/* - end - */

Where do I add the code?

Use this link to learn where exactly to add this code snippet:

Where to add your CSS style code

Still need help? Contact Us Contact Us