Tablet Header Responsiveness Fix

On tablets and iPads the header of our site breaks: text overlaps, items drift out of line and the main navigation sometimes stops responding. On desktop everything is fine, so I need the tablet view to follow the same layout—full desktop-style menu always visible—with one extra hamburger icon that can slide out secondary information.

Please adjust the existing CSS / JavaScript (or add media-query tweaks) so that:

• Text and logo stay perfectly aligned across common tablet breakpoints
• The primary menu looks and behaves exactly like the desktop version
• A separate hamburger icon reveals the extra links without pushing or hiding the main menu
• No other sections of the site are affected

We’ll test on both portrait and landscape orientations of iPad (9.7” & 10.2”) and standard Android tablets; the fix should pass those checks before we wrap up.

Send over the updated style sheets or component files along with a short explanation of the changes so we can merge them cleanly into production.

It's a quick and easy task for the right candidate. So don't waste our time if you can't do this now and don't ask for extra money.

Happy Bidding!