One column on mobile

Can you please post a link to your site? Thanks.

The site is;

https://www.e-tamirci.com

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.