Preview and publish different - not sure how to fix

Hey all,

New to Webflow building and wanted to build a one page no scroll site but am having problems with my preview within the browser looking completely different from my published site when I open on mobile.

TIA

https://crate-creatives.webflow.io

https://preview.webflow.com/preview/crate-creatives?utm_medium=preview_link&utm_source=designer&utm_content=crate-creatives&preview=109068eb76d0bd20336664ac0cbd6d36&workflow=preview

This will be designed with my social links to animate and show when (social) is pressed and I can not seem to get them to align whatsoever