Issues with layout of dropdown in burger menu

Hi there.

I’m new to Webflow, and I’m building my first multi-page site which includes a dropdown menu. I used the prebuilt element but I’m running into problems with layout on all devices below laptop. I”m attaching a few different screen shots.

- it looks fine in Designer, but gets wonky once you view in preview or the published site.
- menu is skootched all the way over to the right.
![3. Menu expanded on tablet:iPad |690x364](upload://pW5VeRHzXP247IMkOkQtuA64LE6.png - expanded menu partly covers burger menu.



I read somewhere that Absolute positioning is a problem, however, the dropdown comes with the dropdown arrow set to Absolute and if you change the position, it makes the layout even more wonky, regardless of which one you choose. What am I missing?

Link to the site is below.

Many thanks.


Here is my site Read-Only: LINK
([how to share your site Read-Only link][2])