Mobile burger menu preview position different from published website position

Hello,

The burger menu position on my published website (when viewed on my phone) looks different from the one shown in preview mode when I’m editing. I’ve attached photos below:

What the nav bar looks like in preview mode:

What the nav bar looks like on the published website:

Ideally, I want the burger menu to show up on the right side of the webpage.

Here’s my read-only website link:
https://preview.webflow.com/preview/jessielee?utm_medium=preview_link&utm_source=designer&utm_content=jessielee&preview=916fb4f1987e7f9e2bbefa7b71a6f618&workflow=preview

Any help is greatly appreciated!