"How can I make the product show 2 column in mobile" (#2300469) / CodexThemes

Comments

akmalhakim started the conversation
February 14, 2020 at 2:32pm
How can I make my product page shows two column of product in a mobile point of view.
This code not working.
@media (max-width: 479px) and (min-width:420px){
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce-page[class*=columns-] ul.products li.product,
.woocommerce[class*=columns-] ul.products li.product{
width:48%;
margin: 0 0 2.992em;
}
li.product .product-info-wrap{
padding:20px 15px 25px 15px;
}
}

7,122

Oliver replied

February 15, 2020 at 10:16am

HI!

pls. use following css:

@media only screen and (max-width: 550px) {
body .portfolio .fullwidth-block .portfolio-set .portfolio-item, .portfolio .portfolio-set .portfolio-item, 
body .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item {
    width: 50%;
}
}

Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.

Regards, Oliver