Infinity Pro mobile site issue

[immacc50]

Infinity Pro

While viewing my site in portrait mode I notice the heading is pushed to the bottom of the page in Front Page 1.

If I rotate the phone to landscape mode, then back to portrait mode, the heading repositions to the center of the page.

Refreshing the page in portrait view pushes the heading back to the bottom of the page.

I've viewed the site on Galaxy S7 and iPhone 8 with the same results.

I disabled Autoptimize, WP Rocket and Cloudflare and cleared cache partition on the devices with no change in mobile site issue.

Front page 1 custom html is different than demo site as seen below:

<div class="textwidget custom-html-widget">
<h1>Clovis Plumbing Services</h1>
<h3>Call us at</h3>
<h4><span class="bigger">(559) 940-0890</span></h4>
<h5>Mon - Sat 7 a.m. to 5 p.m.</h5>
</div>

Any thoughts on how to resolve this?

https://clovisplumbingservices.com/

https://clovisplumbingservices.com/

[Victor Font]

Your site looks great on my iPhone. I see no problem with the header as you describe.

Mobile phones are notorious for holding on to old CSS. Disabling caching on your server will not update the cache on mobile devices. Switch to private browsing mode so all the files download fresh and see if it makes a difference. If it does, switch back to regular browsing mode and clear your mobile browser's cache.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[immacc50]

Thank you for your response Victor... No change in private browsing (Chrome). I even launched the Samsung browser on my phone for the very first time and still no changes.

I've cleared cache in browser and cache partition on phone. I'm very concerned about how my site displays on mobile devices (50% of my traffic) but no way to check across multiple devices and browsers.

I did get it to respond in a new private tab in Firefox, which is encouraging. However, most of my traffic comes from Chrome browsers.

Any thoughts?

[Candy]

I'm having the same issue. I noticed a new release of the Infinity Pro theme and in the changelog it states:

= 1.2.0 =
* Prevent a bug where excess space could appear above the Front Page 1 area on mobile.

Please let us know what was done to fix this bug.

Thank you.

[immacc50]

I am anxious to know as well... Updating a child theme requires overwriting all customizations if I'm not mistaken. That seems to defeat the purpose of the child theme.

[immacc50]

I updated my child theme with this release. Mobile issue has been resolved and now displays correctly with no excess space above the Front Page 1 area. I did lose my customizations but found this tutorial helpful ... https://www.wpbeginner.com/wp-themes/how-to-update-a-wordpress-theme-without-losing-customization/

[Author]

Posts