Change home/shop page into two columns

Hey,

Currently in your custom css you you are adding a media query but never closing it:
@media (min-width: 768px) {

Inside that media query you have this:

.tcol-md-3.tcol-sm-4.tcol-xs-6.tcol-ss-12.kad_product {
    width: 50%;
    position: static !important;
}

Then a couple of lines later you are overriding that with this:

.tcol-md-3.tcol-sm-4.tcol-xs-6.tcol-ss-12.kad_product {
    width: 100%;
}

I am going to suggest you remove both of those lines of code. I also suggest you close out the media query.

Instead and to accomplish what you want I suggest you add this css:

@media (min-width: 768px) {
    .products .kad_product {
        width: 50%;
    }
}

Please note that css will only work once you’ve remove the css that you added above.

As for removing the border you can use this css:

.products div.product {
    border: 0;
}

Ben

Hi Ben! Thanks that worked perfectly. The only thing is that the word ‘SHOP’ isn’t center aligned anymore now, could you send me some code to fix that as well? Thanks!

@media (min-width: 768px) {
.woocommerce-ordering {
    position: absolute;
    right: 0;
}
.page-header {
    position: relative;
}
}

Add that css ^ should be set.

Ben