change width sidebar

Tyche
1

please help as I need to change the width of my sidebar in shop page, search and price filter

https://supersavesports.com/shop/

These are too wide, and it taking up all the space for the content.

as this is not allowing me to fit in 4 product on a row.

2

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS


/* decrease sidebar increase main content */
.post-type-archive-product .col-md-4.hidden-xs {
    width: 20%;
}
.post-type-archive-product .col-md-8.tyche-has-sidebar{
  width: 80%
}

Best regards,
Support.

3

Many thanks, it looks like it worked.

but is there any way to display 4 product in a column. even though , the code changed the width of the my sidebars, the content Is still the same.

please help to have my products displayed 4 in a line.

thanks

4

Hello there,

Please try using this plugin to edit the number of products in a row:

If this does not work then you would need to enlist the aid of a third party developer to change this.
Best Regards,
Support

5

The width has changed.

I have this plugin already, but it doesn’t change 4 products per column.

Anyways, thanks for the width help.

6

Hello there,

You are most welcome

That plugin should have an option to change the number of products on display.

Best Regards,
Support