• Closed
  • Lyndon May
    Spectator
    April 19, 2020 at 3:53 pm #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
    April 19, 2020 at 4:28 pm #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
    April 20, 2020 at 7:04 pm #44741

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