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)

http://www.usnews.com/sponsoredwide?prx_t=FpMCAAAAAAs4IFA&prx_ro=s&ntv_oats=49

here is my public share link. https://preview.webflow.com/preview/visitpr?preview=7dab96eacd61ca9df8b1c69ad2138dfd


Here is my public share link: LINK
(how to access public share link)<img src="//discourse-cloud-file-uploads.s3.dualstack.us-west-2.amazonaws.com/business5/uploads/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.