Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

2 columns on mobile not working in Kadence theme

Back to: Membership Forums7 Replies

Home / Forums / Membership Forums / 2 columns on mobile not working in Kadence theme

This topic is: Resolved
[Resolved]
Posted in: Membership Forums
Ben Andersen
June 15, 2020 at 11:22 am

Hi,

I tried this for getting 2 rows on mobile:

@media screen and (max-width: 576px) {
.woocommerce ul.products {
grid-template-columns: 1fr 1fr;
column-gap: 0.5rem;
grid-row-gap: 0.5rem;
}
}

It works on emulated mobile on desktop but on a real iphone6 device the product image sizes differ!

Thanks!

BenA

  • The forum ‘Membership Forums’ is closed to new topics and replies.