[Resolved] Product cards on tablet

[ustar]

Hi, there!

I noticed that on desctop and mobile product cards works fine, but on tablet (on horizontal and vertical position) looks wrong.
Please, take a look on the screenshot
https://postimg.cc/DW52Lq5S

Regards, Sergey.

[Leo]

Hi there,

Any chance you can clear and disable WP Rockets for now?

Let me know 🙂

[ustar]

Hi, Leo!

Done.
No changes.
And left sidebar widgets became strange… on tablet screen.
On desktop widgets works fine.

[David]

Hi there,

i am not seeing the issue – check your site in an incognito/private browser. If its ok then the browser cache needs clearing. If its not then theres a chance the CSS has been cached by your router / ISP network.

[ustar]

Hi, David!

What device do you use for check? I used 2 different ipads with cleared browser cache. In private mode or not. On WiFi and LTE.

Widgets works fine.
But product cards are with the same issue.
Mobile and desktop is ok.

Regards, Sergey.

[David]

I use the apple Simulator developer tools – which uses the full iOS operating system. Tested from iOS 10.3 to latest from a 9″ to a 12″ ipad.

Which device and iOS are you checking on?

[ustar]

I use Ipad 2 Model MD367TY/A with IOS 9.3.6. and Ipad 2 with IOS 9.3.2.
I have no more devices to check.

[ustar]

Maybe any chance to take a look in the real device?

[David]

Pre iOS10 there were some issues with Flexbox and certain newer CSS hence the issue you’re seeing.

You can try adding the different prefixes to your CSS using this Site:

https://autoprefixer.github.io

Best to save a copy of your original CSS in a text editor first.

NB: The Simulator displays and behaves identically to the real devices – its what developers use to build iOS apps on.

[ustar]

I get it, David. Thank you so much!

[ustar]

So, it’s not connected to WP Rocket?

[ustar]

By the way: i used Safari browser, not Firefox.

[David]

You can try disabling the WP Rocket cache but it its more likely related to the old iOS not supporting Flex correctly.
A lot of improvements were made from iOS 10 onwards and iOS 9 is no longer supported by Apple.

[ustar]

Hi, David.

Ok, i see.

[David]

No problems – let me know if the prefixing works – i am not sure it will and theres not much i can do about fixing the old iOS bugs.

[Author]

Posts