[Resolved] Two column product at mobile using shortcode

[Yusuf]

I put this code on homepage

[recent_products per_page=”12″ columns=”4″ orderby=”date” order=”ASC”]

I need to show it by two column at mobile like at shop page and category page.

[Tom]

Hi there,

Give this CSS a shot:

@media (max-width: 768px) {
    .woocommerce[class*=columns-] ul.products {
        margin-left: -3.8%;
    }
    
    .woocommerce[class*=columns-] ul.products li.product {
        width: 50%;
        float: left !important;
        clear: none;
        padding-left: 3.8%;
        box-sizing: border-box;
    }
}

Let me know 🙂

[Yusuf]

Perfect….

[Tom]

Awesome 🙂

[Author]

Posts