Home › Forums › Support › 2 Columns in mobile with multiple shop pages This topic has 5 replies, 3 voices, and was last updated 3 years, 7 months ago by Leo. Viewing 6 posts - 1 through 6 (of 6 total) Author Posts August 27, 2020 at 8:27 pm #1421251 David 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 August 28, 2020 at 3:55 am #1421573 DavidStaff Customer Support 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 August 28, 2020 at 9:43 am #1422108 David 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 August 28, 2020 at 10:45 am #1422161 LeoStaff Customer Support Would this CSS help? @media (max-width: 500px) { .woocommerce ul.products[class*=columns-] li.product { width: 48%; } } August 28, 2020 at 11:19 am #1422198 David THANK YOUUUUU very much. August 28, 2020 at 11:27 am #1422208 LeoStaff Customer Support No problem 🙂 Author Posts Viewing 6 posts - 1 through 6 (of 6 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In