Responsive Product Blocks

  • Resolved dajsco

    (@dajsco)


    5 years, 2 months ago

    Hi,

    On storefront the woocommerce product block is not responsive and displays 3 columns in row rather than one below the other when viewing on mobile.

    Can anyone advise how to change this?

    • This topic was modified 5 years, 2 months ago by dajsco.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter dajsco

    (@dajsco)

    Got a fix for this. For anyone having same issue add the following to your stylesheet…

    @media (max-width: 724px) {
    .wc-block-grid__product {
        flex-basis: 100% !important;
        max-width: none !important;
    }
}

    Thank you thank you thank you!

    Why on earth are Woocommere blocks not responsive in 2019? Just saying…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive Product Blocks’ is closed to new replies.