Product columns mobile

[tplusm]

Hi,

How can I change the product page columns to display only 1 product on screen width less than 800px?

Thanks

[tplusm]

This reply has been marked as private.

[tplusm]

This reply has been marked as private.

[Harry]

Hi,

I think the layout on ipad should be 2 columns, only change on screen less than 768px

You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

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

.products .jas-col-xs-12 {
flex-basis: 100%;
max-width: 100%;
}

}

if you want less than 800px you can change 767 to 799.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts