Navbar elements overlapping on small screens


My navbar doesn’t look good on mobile and smaller screen, as the button elements overlap the logo. I guess the best option would be to have both buttons (Dashboard and Log In) and the potentially the cart, inside of the hamburger menu. Anyone got any thoughts about the best way to solve this?

Here is my site Read-Only: Webflow - Play With a Plan

Live site:

Posting again here so maybe someone new will see it

I’d probably recommend omitting the “Dashboard” button unless a user is logged in as it’s just taking them to the login page anyway. You can also turn that large button into an icon on mobile which will allow even more breathing room :+1:

Will play around with that, thanks for your advice!