Text in the main nav list items wraps if it's too long, even when there appears to be enough room in the nav area to support it.
Consider changing the value of the 'grid-template-colums' property on line 55 of the .unl .dcf-nav-local > ul:first-child selector in _components.nav-local.scss:
From: grid-template-columns: repeat(6, 1fr);
To: grid-template-columns: repeat(6, auto);
This will allow the width of individual menu items to expand to fit long text if there is room within the nav area.
Text in the main nav list items wraps if it's too long, even when there appears to be enough room in the nav area to support it.
Consider changing the value of the 'grid-template-colums' property on line 55 of the
.unl .dcf-nav-local > ul:first-child
selector in _components.nav-local.scss:grid-template-columns: repeat(6, 1fr);
grid-template-columns: repeat(6, auto);
This will allow the width of individual menu items to expand to fit long text if there is room within the nav area.
An example of this issue can be seen at https://nse.unl.edu