[Resolved] Two column product at mobile using shortcode

Home Forums Support [Resolved] Two column product at mobile using shortcode

Home Forums Support Two column product at mobile using shortcode

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #743273
    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.

    #743351
    Tom
    Lead Developer
    Lead Developer

    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 ๐Ÿ™‚

    #744027
    Yusuf

    Perfect….

    #744244
    Tom
    Lead Developer
    Lead Developer

    Awesome ๐Ÿ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.