Archived topic
Woocommerce Shop Columns in Mobile
3 replies · Started by Dilip on March 24, 2016
Viewing posts 1–4 of 4
I want the columns to be just one instead of the current two columns.
This is because my products have long titles.
How do I acieve the single column output for search results, shop, category and tag pages?
Hi there,
This CSS should work:
@media (max-width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100%;
float: none;
}
}Adding CSS: https://generatepress.com/knowledgebase/adding-css/
Brilliant!
I have just one more part to accomplish. Then, I think I am done with your Woocommerce theme
Awesome! :)
This archived topic is closed to new replies.