Full width product categories

  • Resolved impy101

    (@impy101)


    6 years, 2 months ago

    I have been working on my site for a couple of days now, but I just can’t seem to remove the sidebar in product categories. I’ve managed to remove it in single products (although it doesn’t look super since it doesnt center in the page) with: 

    .single-product #main-content .container:before { display: none; }
.single-product #left-area { width: 100%; padding: 0!important; }

    But I just can’t seem to do the same with the product categories… Can someone please help me with this?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • .woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
   clear: none !important;
}
.woocommerce ul.products li:nth-child(4n + 1),
.woocommerce-page ul.products li:nth-child(4n + 1) {
   clear: both !important;
}
.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
   width: 21% !important;
}

    I think you’ll get a better answer from the theme vendor’s support service.

    See:
    https://www.elegantthemes.com/blog/divi-resources/how-to-remove-sidebars-from-divi
    2/3rds down.

    “you can force a full width layout on the shop and category pages. In Divi Theme Options, there’s a setting called “Shop Page & Category Page Layout for WooCommerce”, where you can change to “Full Width”, but I don’t have a copy of your theme to try it.

    Plugin Support con

    (@conschneider)

    Engineer

    Hi there,

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Full width product categories’ is closed to new replies.