{"id":16456450,"date":"2023-02-09T16:30:19","date_gmt":"2023-02-09T16:30:19","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/screen-loading-issue\/"},"modified":"2023-02-09T16:36:12","modified_gmt":"2023-02-09T16:36:12","slug":"screen-loading-issue","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/screen-loading-issue\/","title":{"rendered":"Screen loading issue"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The problem I am facing is that the responsive auto-ads are overflowing the screen in the AMP version of the website, causing an improper loading of the page with some space visible on the right side for a brief period of time. To resolve this issue, I have applied the following CSS code:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><br \/>html&#091;amp] amp-ad&#091;type=adsense],amp-ad&#091;type=doubleclick]{max-width:100vw}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><br \/>This code limits the width of the ads to 100% of the viewport, preventing the ads from overflowing the screen. However, this has resulted in improper loading of every AMP post on my website. Is there any solution? I read something similar in one of the topics, but I am not sure, so didn&#8217;t try that css. Here&#8217;s that <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/topic\/ads-out-on-wider-screen-after-using-amp\/\" target=\"_blank\">topic<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The problem is with the AMP (mobile version) only, otherwise loading is fine, ads are showing correctly.<\/p>\n","protected":false},"template":"","class_list":["post-16456450","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/16456450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/16456450\/revisions"}],"predecessor-version":[{"id":16456478,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/16456450\/revisions\/16456478"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=16456450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}