Shop page

i remove woocomerce sidebar with following css

#content-woocommerce {
width: 100%;
box-sizing: border-box;
.woocommerce #secondary {
display: none;

but my products still the same.they are not full width.
it should become instead of 3 in a row 4 but nothing happened
how to make them to cover all the page with no white space in the spot that sidebar was?
thanks in advance

Add this instead of your first piece of code:

.woocommerce .content-area {
   width: 100%;

You’ll still have 3 per row though, but it will be full width.