Some header content becomes illegible when zoomed to 200%

[alisonrae]

Check this issue in Firefox > View > Zoom > Zoom text alone

On the global navigation menu, the "Accessible eStore" logo gets cut off on the right side when content is zoomed to 200%. The links on the top right corner, Stores and Contact, also get cut off at the bottom.

[aevanson]

Might just need to switch from fixed height to min-height, to allow the header to grow as needed.

[liskulic]

This is due to the max-width of 560px set on this element.

<nav class="primary-nav" aria-label="Primary" data-js="hamburger-dropdown">

Removing this rule, results in this for desktop (the L1 menu items are more spaced apart now that the width fills its container):

Zooming in 200% for text only looks like this:

Thoughts? @alisonrae, @aevanson, @brianelton

[brianelton]

Moving to backlog.