products in 2 columns mobile version

It is possible via media query

but it will not look good,

share your Website URL once

ponponi.co.il

i found this CSS code that once hannah gave to someone to do that but didt work for me.
can anyone help?

@media (max-width: 768px) {
.tcol-md-3.tcol-sm-4.tcol-xs-6.tcol-ss-12.kad_product, .tcol-md-4.tcol-sm-4.tcol-xs-6.tcol-ss-12.kad_product {
width: 50%;
float: left;
}
}

Hey, I just tested that CSS and it seems to work.

Be sure you’re clearing your cache after adding it. Also, when you place it into chrome inspect, try resizing the window for it to take effect.

Let me know when you’ve placed it into your custom CSS box so I can see how it’s displaying.

-Kevin

hi i allready placed it in mu custom CSS box. but it doesn’t seem to work not in my mobile and not when resizing window from laptop.

ponponi.co.il

I found the issue. You’re missing some closing brackets in your CSS. Go in and fix this:

@media (min-width: 1200px){
    .container {
max-width:1100px;
}

And replace with this:

@media (min-width: 1200px){
    .container {
     max-width:1100px;
   }
}

That should fix your issue!

-Kevin

you’re brilliant! that solved the problem. thank you!
and thanks Hannah for the CSS

you guys are so helpfull