Archived topic
2 Columns in mobile with multiple shop pages
5 replies · Started by David on August 27, 2020
Hi i am trying to see 2 Columns of products in the mobile view.
i create a page then in woocommerce block, i add a products by category and put 2 columns on settings, but when i see in mobile it just show 1 column.
the shop page that came with woocommerce it show 2 products but when i create a new page it doesn't show 2 columns just 1.
hope you can understand my problem.
English its not my native lenguaje.
Thank you
Hi there,
the Woocommerce Block is not great. It doesn't use the Woo template settings or those that can be set using the GP Woocommerce module.
I would recommned using the shortcodes which do use the woo styles:
https://docs.woocommerce.com/document/woocommerce-shortcodes/
If you must use the Block can you remove the coming soon and i will look at what CSS is needed
Hey thank you for your answer.
i already use this shortcode [product_category category="Hombre" columns="2"]
in computer looks ok but in mobile not.
i already remove the coming soon. please help me.
thank you
Would this CSS help?
@media (max-width: 500px) {
.woocommerce ul.products[class*=columns-] li.product {
width: 48%;
}
}THANK YOUUUUU very much.
No problem :)
