Navigation Bar Overlap on Tablet Viewports

[engnadeau]

When viewed on tablet-sized screens (e.g., 820px width in the iPad Air emulator), the navigation bar overlaps with the logo and buttons. This makes the layout appear broken and impacts usability.

Expected Behavior

• The navigation bar should adjust gracefully to the available screen width without overlapping any buttons.
• The navigation bar goes into the hidden mode and is replaced by the hamburger menu button.