Return to previous page

Sidebar / Content width % in loop pages - by Sejkan

This topic has 5 replies, 2 voices, and was last updated 3 years, 10 months 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.
    #275463 Copied Theme version: 7.2.5 WooCommerce version: 5.0
    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

    #275465 Copied
    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.

    #275468 Copied
    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

    #275469 Copied
    Avatar: Sejkan
    Sejkan
    Participant
    February 20, 2021 at 14:44

    Thank you a lot 🙂

    #275470 Copied
  • 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Corporate – WordPress WooCommerce Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme

See All Templates

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