Site header nav wraps at medium widths

[BlueSlug]

Describe the bug

At widths just greater than the 40rem breakpoint between narrow and wide (less than 15px wider), the site nav wraps. When the current-page indicator is present, this is especially jarring.

To reproduce

Steps to reproduce the behavior:

1. Go to the Index page: http://floeproject.org/
2. Set the viewport width to just greater than 40rem (approximately 645 pixels with default settings)
3. See error

Expected behavior

The header navigation links should not wrap.

Screenshots

Technical details

Desktop

• OS: Windows 10 Pro 20H2
• Browser: Chrome 96, Firefox 95

Smartphone / tablet

N/A

Assistive technology used

N/A

Additional context or notes

I have partially solved this issue, though it is a work in progress and needs some more iteration and testing.

[DawnArchi01]

@BlueSlug can I work on it ?

[BlueSlug]

@BlueSlug can I work on it ?

You are certainly welcome to work on this issue! I recommend taking some time to review our code of conduct and contribution guidelines before tackling the work.