RESPONSIVE ONE/TWO COLUMNS PRODUCTS

[danielddiego]

Hello my friends.

Thanks for your fantastic them Claue.

My question is I need thah homepage display 1 column products in responsive. Actually, the option is 2 colmns, but I will need to display every in just one in a bigger size.

I know that snippet is something like @media screen, but not sure about it.

 

Can you help me?

 

Thanks a lot .

[Harry]

Hi Daniel,

Thank you for choosing our theme.

@media only screen and (max-width: 480px) {
.products .jas-col-md-3.jas-col-sm-4.jas-col-xs-6 {flex-basis: 50%; max-width: 50%;}
}

Best regards

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

[Harry]

Sorry i forgot change value 🙂

The correct code

@media only screen and (max-width: 480px) {
.products .jas-col-md-3.jas-col-sm-4.jas-col-xs-6 {flex-basis: 100%; max-width: 100%;}
}

Best regards

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

[danielddiego]

Hello my friends. It works perfectly.

 

And same question but for slider products in homepage?

 

Thanks a lot!

[Harry]

Hi,

Sorry for product slider impossible control with css.

Best regards

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

[Author]

Posts