[Craig Allan Teich | FormulaWPParticipant]

Mobile responsiveness for the site is working correctly in all cases except iPads when using landscape orientation. In that case, the site is a complete mess starting with the navigation and continuing down the pages.

I’ve searched the Forum and this seems to be a very frequent complaint.

I’ve tried at least a dozen solutions that you’ve suggested to others — all different versions of adding some custom css — and none of them have helped in the slightest.

Please advise.

Thanks

(I’ll provide credentials below)

[Craig Allan Teich | FormulaWPParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks for writing in.

iPad screen resolutions are overlapping with desktop screen resolution, and even the latest device surpasses the desktop.

I checked on iPad and it seems okay, what’s your iPad screen resolution? Or what specific iPAd?

Thanks!

[Craig Allan Teich | FormulaWPParticipant]

iPad mini, late 2014, and the entire site gets totally broken in landscape. Images stop rendering with styling, navigation puts out all the links above the header in a list, etc.

Looks horrible.

[RupokMember]

Hi there,

Sorry to hear that you are facing this although I can see this fine on my iPad Mini. Each section seems responsive on my end. Would you attach some screenshot for some sections so that I can compare?

Cheers!

[Craig Allan Teich | FormulaWPParticipant]

Did you do it in landscape? Because I’ve tried it on 3 different iPads in landscape orientation and results are always the same…bad.

[Craig Allan Teich | FormulaWPParticipant]

Another Screenshot

[ThaiModerator]

Hi There,

Another staff support here, I can replicate this issue on my iPad Air 2, it could be the caching issue. Would you mind clearing your cache and try again?

I would also like to take a closer look on your WordPress dashboard but the provided account is incorrect. Could you please double check on it?

Many thanks.

[Craig Allan Teich | FormulaWPParticipant]

I cleared the cache at WP Engine and it did NOT fix the issue on my iPads.

I’ve also added the user account for support that is listed above (sorry, it wasn’t there on this site before).

[ThaiModerator]

Hello There,

Please try to set your WP Adress and WP site URL in the settings, Settings > General with https.

Let us know how it goes.

[Craig Allan Teich | FormulaWPParticipant]

I did that. Nothing changed.

[RadModerator]

This reply has been marked as private.

[Craig Allan Teich | FormulaWPParticipant]

Autoptimize was active; you guys must’ve deactivated it. The site is not migrated. It’s a clean install, but the install is copied from a template install we have set up at WP Engine so that we don’t have to do all the initial configuration stuff every time we build a new website.

However, I cleared the WP Engine caches and the site now looks correct on the ipad in landscape.

So I guess Autoptimize is causing the issue. But it’s very weird that it’s only doing it on this one site and only on an iPad that’s in landscape.

[JoaoModerator]

Glad you fixed it.

Let us know if you need further help.

Joao

[Author]

Posts