Prestashop: 'Classic" theme PrestaShop 1.7.4.2 on Safari IPhones 4 and 5 CSS problem

[MisteryPresta]

On browser Safari (IPhone) All the product images are not displaying vertically but horizontally, going out of the screen, you have to scroll from left to right, looks unresponsive, Ugly.
You have to verify this bug with the real Iphone not online simulation.
See screenshot.

[khouloudbelguith]

Hi @MisteryPresta,

I tried with an iPhone 8 Safari browser & it is OK.
I attached a screenshot.

Thanks to check and feedback.

Best regards, Khouloud

[MisteryPresta]

Can you check it on real phone please?
We are few people with the same problem:
https://www.prestashop.com/forums/topic/637070-prestashop-17-classic-bug-on-safari/?tab=comments#comment-2967045

[khouloudbelguith]

Hi @MisteryPresta,

It seems to be OK, I checked the last version 1.7.4.2 (after an upgrade) on the iPhone SE.

Best regards, Khouloud

[MisteryPresta]

I can not see the image of the second product on your phone,
in my phone screen-shot it is clear that the second
product is going out of the screen to the right, instead
it should be going down:

[khouloudbelguith]

Hi @MisteryPresta,

What is the exact iPhone did you use?

Best regards, Khouloud

[MisteryPresta]

Iphone 4S

[khouloudbelguith]

Hi @MisteryPresta,

Yes, you are right with iPhone 5s safari browser, I manage to reproduce this issue.

We will see how to fix it.

Best regards, Khouloud

[MisteryPresta]

Thank you !
This is very important for my Shop because most of my clients use Iphone 5 and sometimes 4.

[rdy4ever]

Hi @khouloudbelguith
Could you please tell me what tool do you use to test mobile rendering? Crome dev tools do not show this layout problem.

[MisteryPresta]

You need a real Iphone 5 or 4 and a Mac computer to connect to in development mode.

[MisteryPresta]

Problem with CSS file solved:
https://www.prestashop.com/forums/topic/637071-classic-theme-ps1742-and-safari

[khouloudbelguith]

Hi @MisteryPresta,

Would you be willing to make a pull request on GitHub with your code suggestion?
https://github.com/PrestaShop/PrestaShop/tree/develop
Thank you!

Best regards, Khouloud

[ghost]

Hi everyone,

Is this issue still relevant?
We need more info

Thanks

[MisteryPresta]

Yes It is solved by modification of CSS file
https://www.prestashop.com/forums/topic/637071-classic-theme-ps1742-and-safari/

[ghost]

Hello,

We decided to close this issue.

• A fix has already been done before, it seems that the problem only happens on some old Safari versions.
  But we don't know which ones and we can't reproduce it.

• We checked the numbers, iPhones 4 and 5 only represent 4% of the iPhone market shares (Statista 2018) this percentage is even lower if we only count the ones still using old Safari versions.

If you have any news or info about the issue or Safari let us know 👍

Thanks