Return to previous page

How to make shop filter width 1/8 insted of 1/6

This topic has 8 replies, 2 voices, and was last updated 9 months, 4 weeks ago ago by Luca Rossi

Tal

Participant

January 29, 2024 at 11:16

hello
how to make how to make shop filter width 1/8 insted of 1/6
photo : https://prnt.sc/RGauWlS2mojM

thanks

Please, contact administrator
for this information.

#381492 Copied Theme version: 9.2

7 Answers
Luca Rossi

Support staff

January 29, 2024 at 11:58
Hi @Tal,

The 1/6 column is the minimum width of sidebar. But you can change the width of sidebar by adding this custom CSS code under Theme Options > Theme Custom CSS > Global CSS:
```
@media (min-width: 992px){
    .woocommerce-shop .col-md-2.sidebar {
        width: 15%;
    }
    .woocommerce-shop .col-md-pull-10 {
        left: 85%;
    }
    .woocommerce-shop .col-md-10 {
        width: 85%;
    }
    .woocommerce-shop .col-md-push-2 {
        right: 15%;
    }
}
```
Best Regards,
8Theme’s Team
#381499 Copied
Tal

Participant

January 29, 2024 at 12:02

hey
nothing changed..

#381502 Copied
Luca Rossi

Support staff

January 29, 2024 at 12:23
Hi @Tal,

Can you please try updating the custom CSS codes to this:
```
@media (min-width: 992px){
    .woocommerce-shop .col-md-2.sidebar {
        width: 15% !important;
    }
    .woocommerce-shop .col-md-pull-10 {
        left: 85% !important;
    }
    .woocommerce-shop .col-md-10 {
        width: 85% !important;
    }
    .woocommerce-shop .col-md-push-2 {
        right: 15% !important;
    }
}
```
Hope it helps!
#381507 Copied
Tal

Participant

January 29, 2024 at 12:27

nope.. tried to add !important but still its not working

#381510 Copied

Luca Rossi

Support staff

January 30, 2024 at 04:43

Hi @Tal,

The width of sidebar is showing 15% on my end: https://prnt.sc/ZGOPJ2gK6jqM

Could you please try to increase the width to 20% or reduce it to 10% to check?

Best Regards,
8Theme’s Team

#381689 Copied

Tal

Participant

January 30, 2024 at 10:02

hey
no its not working at resulation 1920×1080
like here: https://prnt.sc/1Mq8iju6GW4O

#381729 Copied

Luca Rossi

Support staff

January 30, 2024 at 10:25

Dear Tal,

We’re writing to inquire whether you have had the opportunity to clear your browser caches as previously discussed. This step is essential for ensuring that you are viewing the most recent version of our website.

Additionally, I have attached screenshots below for your reference, which display the current appearance of the sidebar on both my browser and that of my colleague. As you will observe, the sidebar width has been adjusted to 10%.

Screenshot from my browser:
[https://prnt.sc/kGMPdAFKwTez](https://prnt.sc/kGMPdAFKwTez)

Screenshot from my colleague’s browser:
[https://prnt.sc/cHMUqxqO82XV](https://prnt.sc/cHMUqxqO82XV)

Should you require any further assistance or if you have any questions regarding this matter, please do not hesitate to contact us.

Best regards,
8Theme’s Team

#381732 Copied
Tagged: 1/8 filter width, customize woocommerce shop, modify woocommerce shop, shop filter width, woocommerce filter adjustment, wordpress woocommerce themes
Viewing 8 results - 1 through 8 (of 8 total)