Archived topic
Two column product at mobile using shortcode
3 replies · Started by Yusuf on November 28, 2018
Viewing posts 1–4 of 4
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.
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 :)
Perfect....
Awesome :)
This archived topic is closed to new replies.
