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