Okay
  Public Ticket #1617906
Shop page - diplaying products in 1 colum in mobile view
Closed

Comments

  • Hemanth started the conversation
    June 22, 2018 at 6:52am

    The theme is not  able give proper view on mobile. shop page is always showing more 2 columns of products, which is not viewing good or the page became clutered. 

    Can you pls help how to make mobile view to show 1 column of products only

  •  476
    Criss replied
    June 22, 2018 at 7:39am

    Hi,

    Because you custom for product so we lost some css there.

    You can help me add this code to solve this issue.

    @media only screen and (max-width: 480px) {
.woocommerce-page.columns-3 .products .product, .woocommerce.columns-3 .products .product{
    width: 100%;
    float: none;
}
.woocommerce .products .product, .woocommerce-page .products .product{
    max-width: 100%;
}
.woocommerce .product .item-image{
    text-align: center;
}
}

    thanks


    Best regards,

    Charmy  - ThemeFTC technical expert