Docs

[contegi66]

Hi Support,

Hi,

I am preparing WooCommerce shop for client and built a 4×4 grid.
When you view the page on the iPad in landscape mode, all products display nicely in row of 4 columns.
However when you rotate from landscape to portrait mode, the row shows only 2 columns at time.
I would like to have at least 3 columns per row in portrait mode if possible, could you please advice me on this?

Thank you in advance,
Gianni

[Rad]

Hi there,

Thanks for posting in.

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media ( max-width: 980px ) and ( min-width: 768px ) {
.woocommerce li.product {
    width: 48% !important;
}
.woocommerce li.product:nth-child(2n+0) {
   margin-right: 0 !important;
}
}

Cheers!

[contegi66]

This reply has been marked as private.

[Christopher]

Hey there,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[Author]

Posts