Claue shop sidebar / products grid width

[tasoskouk]

hello,

in main shop page and all woo category / archive pages we want:

1. less width for woo sidebar, eg from 25% to 15 or 20%
2. then for product grid/list we want the rest of the width eg 85 or 80% (in sync with the sidebar setting above)
3. one reason we need the above is that with current sidebar settings at 25% we get too much white space between sidebar & grid
4. when we tried our custom css to do all 1, 2, 3 of the above we had issues with grid columns in chrome, safari, firefox and then when we clicked for 3 grid columns we got 5 or 6

thx, tasos

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

@media only screen and (min-width: 62em) {
.archive .jas-row .jas-col-md-9.jas-col-sm-9 {flex-basis: 80%; max-width: 80%;}
.archive .jas-row .jas-col-md-3.jas-col-sm-3 {flex-basis: 20%; max-width: 20%;}
}

Best regards

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

[Author]

Posts