Experiencing Mobile Theme Issue for Height – Need Assistance

Website: Autobics.com
Theme: Newspaper Version: 12.5.1
Mobile Theme: Mobile+AMP

Greetings,

I’m encountering an issue with the mobile theme on my website and could use some help to resolve it.
Currently, my website functions perfectly on desktop devices. However, when I access it on my mobile phone, a problem arises. After the page loads, the page suddenly shrinks to approximately half the size of the screen. There are instances when the page even becomes nearly blank.

I explored the “Inspect” option in Chrome, using the dimensions of an iPhone SE. I found that modifying the height to “auto” in the following codes helps restore the site to full-screen mode when it’s reduced in size:

When screen appears as half:
<div id=”td-outer-wrap”__cpp=”1″ style=”width: 375px; height: 313px;”
Screenshot: Half Page

When the screen goes blank:
<div id=”td-outer-wrap”__cpp=”1″ style=”width: 375px; height: 0px;”
Screenshot: Blank Page

However, making this adjustment causes the content to become disorganized and overlap.
I’m not a website developer, so I’m hoping someone can guide me through resolving this issue in simple terms. If there’s a way to bring the page back to full-screen mode without disrupting the content layout, I’d greatly appreciate your advice.

Thank you in advance for your time and support. Your help is valuable to me as I work to improve my website’s mobile experience.
Thanks!

• This topic was modified 2 years by SRK.

So this usually happens when a post is loaded. The Homepage appears correct.
Would it be possible to check how the page loads with one of the articles.

Thanks!

Thank You very much Anamaria for the update.