Return to previous page

Reduce sidebar width (product store page)

This topic has 14 replies, 3 voices, and was last updated 2 years, 7 months ago ago by Rose Tyler

misha

Participant

May 15, 2022 at 18:44

Здраствуйте,

Подскажите, как уменьшить ширину сайдбара на странице магазина товаров?

С уважением,

#323948 Copied Theme version: 8.1.5

13 Answers

Rose Tyler

Support staff

May 16, 2022 at 07:21

Hello,

Go to Pages > Shop > click on Edit > https://prnt.sc/l8PDU3nhbZwO > [8theme] Layout options > [8theme] Layout options

Regards

#323961 Copied

misha

Participant

May 16, 2022 at 08:21

Здраствуйте,

Спасибо!
В выборе только 1/6, 1/4, 1/5. Как сделать 1/5?

С уважением

#323966 Copied

Rose Tyler

Support staff

May 16, 2022 at 10:11

Hello,

https://prnt.sc/OPk_-PhqPXWy – please check one more time.
Have you tried “Inherit” https://prnt.sc/33tiKnDgUNM5 ?
There are no additional settings for this.

Regards

#323976 Copied

misha

Participant

May 16, 2022 at 12:59

Здраствуйте,

Есть выбор
1/6
1/4
1/3
https://prnt.sc/33tiKnDgUNM5

Возможно сделать 1/5?

С уважением

#323998 Copied
Rose Tyler

Support staff

May 16, 2022 at 14:14
Hello,

Try to use the next custom CSS code:
```
@media (min-width: 992px) {
    .archive .sidebar {
        width: 20% !important;
    }
    .archive .main-products-loop {
        width: 80% !important;
    }
}
```
Theme Options > Theme custom CSS > Global

Regards
#324004 Copied
misha

Participant

May 17, 2022 at 14:06

Здраствуйте,

Спасибо за ответ. Почему-то, после применения кода страница съехала https://prnt.sc/dLNE7xwgxzkE
Подскажите, что я делаю не так?

С увжанием,

Please contact administrator
for this information.

#324081 Copied
Olga Barlow

Support staff

May 17, 2022 at 22:29
Hello,

Replace the previous code with the code below
```
@media (min-width: 992px) {
    .archive .sidebar {
        width: 20% !important;
    right: 80%;}
    .archive .main-products-loop {
        width: 80% !important;
    left: 20%;}
}
```
Regards
#324109 Copied
misha

Participant

May 18, 2022 at 09:01

Здраствуйте,

Спасибо за Ваш ответ. Все стало хорошо, ну когда начинаешь прокрутку страницы вниз, сайтбар заходит на фото https://prnt.sc/Ybgm4bI_XejL

С уважением,

#324129 Copied

Rose Tyler

Support staff

May 18, 2022 at 13:15

Hello,

We do not see the problem on your Shop page https://gyazo.com/7c5344b36ea057e10709458ab601ffa0
Please clear cache and check one more time.

Regards

#324139 Copied

misha

Participant

May 18, 2022 at 13:57

Здраствуйте,

Сейчас Ваш код не был применен (на Вашем видео).
Я сейчас применил его, посмотрите пожалуйста. Отчистка кэша не помогает.

С уважением,

#324143 Copied

Rose Tyler

Support staff

May 18, 2022 at 14:11

Hello,

I’ve changed the custom CSS code. Check now.

Regards

#324146 Copied

misha

Participant

May 18, 2022 at 14:22

Все стало отлично! Спасибо большое!

С уважением,

#324147 Copied

Rose Tyler

Support staff

May 18, 2022 at 15:28

You’re welcome! Have a nice day!

Regards

#324159 Copied
Tagged: product store, reduce, sidebar, themes, width, woocommerce, wordpress
Viewing 14 results - 1 through 14 (of 14 total)