[Resolved] Product cards on tablet

Home Forums Support Product cards on tablet

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1081954
    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.

    #1081971
    Leo
    Staff
    Customer Support

    Hi there,

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

    Let me know 🙂

    #1082065
    ustar

    Hi, Leo!

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

    #1082139
    David
    Staff
    Customer Support

    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.

    #1082411
    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.

    #1082826
    David
    Staff
    Customer Support

    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?

    #1083156
    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.

    #1083185
    ustar

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

    #1083256
    David
    Staff
    Customer Support

    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.

    #1083374
    ustar

    I get it, David. Thank you so much!

    #1083385
    ustar

    So, it’s not connected to WP Rocket?

    #1083392
    ustar

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

    #1083448
    David
    Staff
    Customer Support

    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.

    #1093000
    ustar

    Hi, David.

    Ok, i see.

    #1093514
    David
    Staff
    Customer Support

    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.

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.