Two colums of product on mobile version

entregasfrescas · January 2019

Good day,

I need a help to put 2 colums of products on mobile version of shop.

How I can do it?

Thank you.

Pablo · January 2019

Hi,

Unfortunately, it's not possible.

BeTheme mobile grid is only for single row and it cannot be changed through Theme Options.

The only way to make it work is customizing theme files, but we do not support that.

Thanks

entregasfrescas · January 2019

I am used this:

.woocommerce ul.products.col-4 li.product {
width: 50% !important;
}

But now, on computer version all the product are huge

Pablo · January 2019

It's not a good idea to use the CSS to make it fit, it could make a lot of problems.

But, if you want to do it with CSS, you have to use the @media queries to achieve that:

Thanks

entregasfrescas · January 2019

Thank you Pablo,

@media only screen and (max-width: 700px) {

.woocommerce ul.products.col-4 li.product {
width: 50% !important;
}
}

Now it is working.

Pablo · January 2019

I'm glad that you solved it out.

Is there something else I can help you?

Thanks

Comments