Why is the editor view and the preview different

Design help General
1

Hi I’m new to Webflow
I can’t figure out what is going on but the editor view and the preview look totally different and I can’t figure out how to make the menu act like I want it to

https://preview.webflow.com/preview/champion-project?utm_medium=preview_link&utm_source=designer&utm_content=champion-project&preview=5461e892a672c6a90c39046a31876c8b&mode=preview

Here is the site

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

2

What parts exactly are looking and behaving differently to how you expect?

3

34%20PM
34%20PM1538×1848 403 KB
14%20PM
14%20PM1542×1906 369 KB

4

The first one is an editor view the second one is in preview

5

I want the Mobile drop-down menu to look like the one on this website Mobile drop-down menu to look like the one on this website https://city.org.nz/