Sidebar / Content width % in loop pages - by Sejkan

Solved4 replies2 participantsUpdated by Sejkan

  • Avatar: Sejkan
    Sejkan
    Participant

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

    Please, contact administrator
    for this information.
    #275463 Copied Theme version: 7.2.5 WooCommerce version: 5.0

    4 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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

    #275465 Copied
    Avatar: Sejkan
    Sejkan
    Participant

    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.

    #275468 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

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

    Regards

    #275469 Copied
    Avatar: Sejkan
    Sejkan
    Participant

    Thank you a lot 🙂

    #275470 Copied

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