Navigation: Larger font size

1

Larger top-level menu items

Example:

Before:

Pipeline 5.0 Code:

/* -- code make top level menu items larger -- */
.navlink--toplevel .navtext { font-size:18px !important; }
/* - end - */

Earlier versions of Pipeline Code:

/* -- 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.

2

Reduce spacing between menu items

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

Pipeline 5.0 Code:

/* -- code make menu items tighter when using larger fonts -- */
.header__desktop .navlink--toplevel{
    padding-left: 8px;
    padding-right: 8px;
}
/* - end - */

Earlier versions of Pipeline Code:

/* -- 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