Comments Hemanth started the conversationJune 22, 2018 at 6:52amThe theme is not able give proper view on mobile. shop page is always showing more 2 columns of products, which is not viewing good or the page became clutered. Can you pls help how to make mobile view to show 1 column of products only 479Criss repliedJune 22, 2018 at 7:39amHi,Because you custom for product so we lost some css there.You can help me add this code to solve this issue.@media only screen and (max-width: 480px) { .woocommerce-page.columns-3 .products .product, .woocommerce.columns-3 .products .product{ width: 100%; float: none; } .woocommerce .products .product, .woocommerce-page .products .product{ max-width: 100%; } .woocommerce .product .item-image{ text-align: center; } } thanks Best regards, Criss - ThemeFTC technical expert Sign in to reply ...
The theme is not able give proper view on mobile. shop page is always showing more 2 columns of products, which is not viewing good or the page became clutered.
Can you pls help how to make mobile view to show 1 column of products only
Hi,
Because you custom for product so we lost some css there.
You can help me add this code to solve this issue.
@media only screen and (max-width: 480px) { .woocommerce-page.columns-3 .products .product, .woocommerce.columns-3 .products .product{ width: 100%; float: none; } .woocommerce .products .product, .woocommerce-page .products .product{ max-width: 100%; } .woocommerce .product .item-image{ text-align: center; } }
thanks
Best regards,
Criss - ThemeFTC technical expert