• Closed
  • Lyndon May
    Spectator
    19.04.2020 at 15:53 #44736

    I am experiencing my product boxes stretching on iOS devices, computers are ok.
    i am running woocommerce V4.0.1 – Worpress v5.4 – Theme is EVOLVE PLUS V2.9.9.4 website is http://www.optics4u.com.au. Any help appreciated.

    Evgeny
    Keymaster
    Posts: 1010
    19.04.2020 at 16:28 #44738

    Hi. It happens because according to our CSS, on mobile we have three products in a row. But let’s fix it, of course. Please add the following code to “Additional CSS”, save and refresh the page (with CTRL+F5 on Windows or CMD+Shift+R on a Mac):
    @media only screen and (max-width: 767px) {
    .products.card-columns, .grid-container {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }
    }

    Let me know if it works as you expect.

    Evgeny
    Keymaster
    Posts: 1010
    20.04.2020 at 19:04 #44741

    I see that you implemented the solution I’ve given you. I’m going to go ahead and close the thread.