SHOP PAGE LEFT COLUMN

Hello,

Is possible to add a CSS and make left column (the one with model name) on shop page a bit narrow?

Thanks, Mattia

Hello,

You can configure the small size of the sidebar in the Theme Settings > Shop > Shop page layout. Set the small and then check, if you need even smaller, let me know I will provide custom CSS.

Best Regards

Hello, yes.

I would like it smaller.

Thanks, Mattia

Hello,

Please add this code to the Theme Settings > Custom CSS > Desktop:

@media (min-width: 768px){
body .sidebar-container.col-sm-2 {
    width: 13%;
}
body .shop-content-area.col-sm-10 {
    width: 86%;
}
}

Best Regards

Hello,

it seems not working properly.

Column width remains the same, just the text moves inside the column, but space remains the same.

I attached before and after adding custom CSS. Thanks, Mattia

Hello,

Please replace the code with this one:

@media (min-width: 768px){
body .sidebar-container.col-sm-2 {
    width: 10%;
	  right:90%;
}
body .shop-content-area.col-sm-10 {
    width: 90%;
	  left: 10%;
}
}

Best Regards

[Author]

Posts