Return to previous page

Topic: reduce sidebar width (product store page)

misha

Participant

May 15, 2022 6:44 pm

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

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

С уважением,
Theme version: 8.1.5

#323948 copied to clipboard

Rose Tyler

Support staff

May 16, 2022 7:21 am

Hello,

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

Regards

#323961 copied to clipboard

misha

Participant

May 16, 2022 8:21 am

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

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

С уважением

#323966 copied to clipboard

Rose Tyler

Support staff

May 16, 2022 10:11 am

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 to clipboard

misha

Participant

May 16, 2022 12:59 pm

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

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

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

С уважением

#323998 copied to clipboard
Rose Tyler

Support staff

May 16, 2022 2:14 pm
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 to clipboard
misha

Participant

May 17, 2022 2:06 pm

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

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

С увжанием,

Content is visible for topic creator and
support staff only.

#324081 copied to clipboard
Olga Barlow

Support staff

May 17, 2022 10:29 pm
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 to clipboard
misha

Participant

May 18, 2022 9:01 am

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

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

С уважением,

#324129 copied to clipboard

Rose Tyler

Support staff

May 18, 2022 1:15 pm

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 to clipboard

misha

Participant

May 18, 2022 1:57 pm

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

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

С уважением,

#324143 copied to clipboard

Rose Tyler

Support staff

May 18, 2022 2:11 pm

Hello,

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

Regards

#324146 copied to clipboard

misha

Participant

May 18, 2022 2:22 pm

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

С уважением,

#324147 copied to clipboard

Rose Tyler

Support staff

May 18, 2022 3:28 pm

You’re welcome! Have a nice day!

Regards

#324159 copied to clipboard