Strange layout after update the new theme X 10.1.10+

[Hrouw87]

Dear,

The Layout of my pages; www.hannekerouw.com/dates on my Ipad is broken after updating the new theme.
The strange thing is that is works well on my laptop.

Please see the attached image (Ipad).

Could you help?

Best,
Hanneke

[Hrouw87]

Also, the hamburger menu is not working.

Thanks.

[Hrouw87]

I am working with iOS 12.5.7

[Hrouw87]

Could you have a look at this?

Thank you

[Hrouw87]

Also the video and the gallery pages are empty

[ruenel]

Hello @Hrouw87,

Thanks for writing in!

Please do not bump or self-reply your thread so that it will not get back into the queue. This is why it took us a little while to respond to this thread.

You may be having some caching issues. Please clear your browser cache on your iPad or use private browsing mode. Try also using Chrome or Brave browser while testing the site. When I check your site on the 10th Gen iPad with OS16, I am seeing this:

Best Regards.

[Hrouw87]

Thank you,

I can’t updat my Ipad to iOS 16, but shouldn’t is also work with with iOS 12.5.7?
However, the problem is still there (Strange layout on dates page and no video and gallery). I cleared all the cache.

Best,
Hanneke

[ruenel]

Hello @Hrouw87,

Are you using Safari in testing the site? Download Chrome, MS Edge, or Brave browsing on your iPad. In most cases, your Safari may be outdated and that could be an issue.

Thanks.

[Hrouw87]

Hello @ruenel,

All these apps require iOS 14 or iOS 15 and I cant update my IOS as mentioned in the previous post.
Do you have a solution?

With wordpress 6.1 and X the theme 9 all was working well. :(.

Hanneke

[ruenel]

Hello @Hrouw87,

We used Browser Stack in testing iOS devices and this is what I’ve got.

I am using Safari browser and it does not look good in iOS 12.x. If you check out iOS 13.4, it works as expected. Regretfully the latest version uses the CSS clamp() function and Safari 12 is not supporting it. You can check it here:
https://caniuse.com/?search=clamp()

Hope this explains it.

[Hrouw87]

hello @ruenel,

I tried to downgrade to wp 6.1 and x the theme 9.
But then the lay out was also not good on the iPad.

Can you help me with that?

Because also the video page and galley page are empty on my iPad

[charlie]

Hello,

We added iOS 12 support in X 10.2.1. Let’s give that a try as I see you went back to X10. Let us know if you still have mobile menu issues on your device after that and have a great day!

[Hrouw87]

Hello,

Thanks,

Yes, I updates to X10.2.1 but still the same issues (gallery and video page empty, layout date pages is a mess and the hamburger menu is not working).

Best wishes,
Hanneke

[charlie]

The site posted was still on 10.2.0, but let us know if 10.2.1 fixes this or if there is another site in question!

[Hrouw87]

Thanks, but still the same issues

[charlie]

Apologies I was referring to just the mobile menu button for iOS 12 and I see that working on my end now.

So for the Videos and gallery component the responsive text element is changed. If you go to either page and just save it as it is, that will convert the element. If that doesn’t help, sending us credentials can help us get these pages working on iOS12 for you. Hope this helps, have a great day!