Sidebar / Content width % in loop pages - by Sejkan

This topic has 5 replies, 2 voices, and was last updated 3 years, 1 month ago ago by Sejkan

  • Avatar: Sejkan
    Sejkan
    Participant
    February 20, 2021 at 13:52

    Hi Dear,
    Is there possible to set sidebar size 20% instead od 25% in shop/loop pages.

    Please, contact administrator
    for this information.
    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 20, 2021 at 14:09

    Hi,

    Add this code in Theme Options > Theme custom CSS > Custom CSS for desktop:

    .archive.woocommerce-page .sidebar {
        width: 20% !important;
        right: 80%;
    }
    .archive.woocommerce-page .main-products-loop {
        width: 80% !important;
        left: 20%;
    }

    Regards

    Avatar: Sejkan
    Sejkan
    Participant
    February 20, 2021 at 14:28

    I try something similar but after that I have problems in mobile pages.
    You can check it. Content in shop page is slighly right with and smaller.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 20, 2021 at 14:40

    Where did you add the code? It is Global custom CSS or Custom CSS for desktop area?

    Regards

    Avatar: Sejkan
    Sejkan
    Participant
    February 20, 2021 at 14:44

    Thank you a lot 🙂

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

The issue related to '‘Sidebar / Content width % in loop pages’' has been successfully resolved, and the topic is now closed for further responses

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