Display two columns on mobile Woocommerce shop

[CEG_SA]

On our woocommerce shop using X theme, on mobile the products display one after the other in a single column. Is there a way to allow mobile users to see more than one column ?

[tristup]

Hi Gregory,

Thanks for reaching out.
To show two columns on mobile you need to add the following custom CSS code into the Theme Options > CSS.

@media (max-width: 468px)
{
    ul.products li.product 
    {
        width: 47.8% !important;
    }
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks