We recently finished creating a landing page in Webflow to use in a Shopify theme as the main one. Thus, this page was intended to keep the header, product section and footer from the Shopify theme overlayed on the new Webflow page.
The finished Webflow page - https://teamatica.webflow.io/
The read-only link to this page - https://preview.webflow.com/preview/teamatica?utm_medium=preview_link&utm_source=designer&utm_content=teamatica&preview=fafceebd00de35f357a7d361bffae29c&mode=preview
So, once we merged the webflow page with the Shopify elements, several elements (both in the webflow section and Shopify) began to show themselves wrongly.
The new page - https://teamatica.ca/pages/main_page_redesign
The main page with properly showcased elements - https://teamatica.ca/
Can someone give us a hand on what to do and how to fix it?