Mobile isn't loading the correct CSS

I am using webflow to build a page and then hosting it in an iframe on my site (this solved some styling issues) I add this script to the bottom of the HTML to make the iframe stretch to the correct height.

The problem is that I just published my first page and when I look at the page on phones the wrong CSS is being used. I attached some screenshots from my phone (however when I inspect elements on my desktop everything looks correct)

here is my public share link. Webflow - VisitPR


Here is my public share link: LINK
(how to access public share link)<img src=“//cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/webflow1/original/3X/5/5/553b6aeb394c8b91beb6af71f592c601ee75442f.

jpg” width=“281” height=“500”>

We found that adding this before the closing head tag, the problem was solved.

body { width: 1px; min-width: 100%; *width: 100%; }

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.