image ratio not respected on mobile display

  • Resolved olivierkoi

    (@olivierkoi)


    2 years ago

    Hello,

    Recently, I have an issue on mobile display cards, the aspect ratio set to 3:4 is not respected : it’s still on 1:1 (default). But the ratio on desktop display cards is well respected (3:4)

    Blocksy Version : 1.8.58
    Blocksy Companion : 1.8.58
    woocommerce : 7.1.0

    With another Theme, all is ok.

    If it could be fixed that would be great.

    Thank you very much

Viewing 5 replies - 1 through 5 (of 5 total)
  • Eduard

    (@cteduard)

    Hi @olivierkoi

    Could you please provide the website’s URL so we can check it out? Also, it would be worth noting knowing what kind of device you’re accessing this from, including its OS version.

    Thanks!

    Thread Starter olivierkoi

    (@olivierkoi)

    Hi,

    Thank you for your response.
    device is iphone ios 14.8 ; with Safari (I have installed chrome, firefox, edge on this device and it’s the same issue)

    my site is still under construction, I have authorized a page for you to see the problem
    https://aquarev.eu/categorie-produit/koi/
    https://aquarev.eu/produit/ai-goromo-isawa/ if you clic on product image, you will see the correct ratio 3:4

    Thanks for your help

    Eduard

    (@cteduard)

    Hi @olivierkoi

    Oh, that is the problem. iOS 14 does not support the image aspect ratio CSS proprieties. Support has been introduced in iOS 15.

    I would recommend updating iOS on your phone so that you’ll be able to benefit from all the latest web technologies and security features. Unfortunately, there is absolutely no way around this. ??

    Hope this clears things up!

    Thanks.

    Thread Starter olivierkoi

    (@olivierkoi)

    ok thanks for your quick answer and solve, it works with the new version ios 16.1.1

    Eduard

    (@cteduard)

    Perfect, @olivierkoi! Glad to hear that!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘image ratio not respected on mobile display’ is closed to new replies.