Can you please post a link to your site? Thanks.
Try adding this rule to the end of your custom CSS:
@media only screen and (max-width:460px) {
.woocommerce[class*=columns-] ul.products li.product {
width: 100%;
}
}
I tried this code but still same.
Can you please try adding it back in so I can see what is happening? When I add it in through my web debugger, the products under the Tamir Grupları and Yeni Bayilerimiz sections on the home page seem to collapse into one column on narrow screen widths.
Thank you for yor answers CrouchingBruin.
I have added a new code like that;
@media all and (max-width:768px){
.woocommerce ul.products li.col-3.product,
.woocommerce-page ul.products li.col-3.product{
width: 98%;
margin:1%;
}
}
and it is now working.
