Title: Full width product categories
Last modified: December 22, 2018

---

# Full width product categories

 *  Resolved [impy101](https://wordpress.org/support/users/impy101/)
 * (@impy101)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/full-width-product-categories/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffull-width-product-categories%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/full-width-product-categories/#post-11024642)
 *     ```
       .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](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.
 *  [con](https://wordpress.org/support/users/conschneider/)
 * (@conschneider)
 * Engineer
 * [7 years, 7 months ago](https://wordpress.org/support/topic/full-width-product-categories/#post-11073223)
 * 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.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3640790)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

 * 2 replies
 * 3 participants
 * Last reply from: [con](https://wordpress.org/support/users/conschneider/)
 * Last activity: [7 years, 7 months ago](https://wordpress.org/support/topic/full-width-product-categories/#post-11073223)
 * Status: resolved