Columns in mobile shop

Support
#1

Hi there,
I just want to show my woocommerce product in 2 column on mobile view. What’s the right CSS entry to modify this view?
Thanks in advance

#2

Hi There,

Thanks for writing in!

Please use this CSS to make the product two column in mobile device.

.@media (max-width: 480px) {
.woocommerce .products li.product {
    width: 46% !important;
}
}

Hope this helps!

#3

Thanks a lot! You’re great!

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.