Small image on mobile Woocommerce twenty twenty

  • Resolved fam1eco

    (@fam1eco)


    5 years, 6 months ago

    Hello,

    My webshop with WooCommerce works great, but on a mobile phone the products are very small. If you use landscape mode, the images are fine. Maybe something wrong with the responsiveness? When I turn my phone on landscape mode it looks fine again. The same issue on safari and chrome browser.

    Does anyone know how to fix this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Senff – a11n

    (@senff)

    5 years, 6 months ago

    Hi @fam1eco

    Do you have a link to your site? That will allow us to take a look and see what might be wrong.

    Thread Starter fam1eco

    (@fam1eco)

    5 years, 6 months ago

    my site

    • This reply was modified 5 years, 6 months ago by fam1eco.
    • This reply was modified 5 years, 6 months ago by fam1eco.
    Plugin Support Damianne P (a11n)

    (@drwpcom)

    5 years, 5 months ago

    Hi @fam1eco,

    You can use the following CSS to increase the size on mobile:

    @media (max-width: 480px) {
    .theme-twentytwenty .wc-block-grid.has-3-columns .wc-block-grid__product,.wc-block-grid.has-3-columns .wc-block-grid__product {
        max-width: 100%;
    }
}

    You can change the 100% to whatever you want. I hope that helps!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Small image on mobile Woocommerce twenty twenty’ is closed to new replies.