Reduce sidebar width (product store page)

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

  • Avatar: misha
    misha
    Participant
    May 15, 2022 at 18:44

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

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

    С уважением,

    13 Answers
    Avatar: Rose Tyler
    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

    Avatar: misha
    misha
    Participant
    May 16, 2022 at 08:21

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

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

    С уважением

    Avatar: Rose Tyler
    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

    Avatar: misha
    misha
    Participant
    May 16, 2022 at 12:59

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

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

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

    С уважением

    Avatar: Rose Tyler
    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

    Avatar: misha
    misha
    Participant
    May 17, 2022 at 14:06

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

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

    С увжанием,

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    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

    Avatar: misha
    misha
    Participant
    May 18, 2022 at 09:01

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

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

    С уважением,

    Avatar: Rose Tyler
    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

    Avatar: misha
    misha
    Participant
    May 18, 2022 at 13:57

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

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

    С уважением,

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 18, 2022 at 14:11

    Hello,

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

    Regards

    Avatar: misha
    misha
    Participant
    May 18, 2022 at 14:22

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

    С уважением,

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 18, 2022 at 15:28

    You’re welcome! Have a nice day!

    Regards

  • Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘reduce sidebar width (product store page)’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.