Remove Sidebar from WooCommerce Shop Page

Support
#1

Hello,

Can you please tell me how to remove the sidebar content from all pages in a WooCommerce store?

Thanks!

#2

Hello Laurie,

Thanks for asking. :slight_smile:

You can add following CSS under Pro > Theme Options > CSS:

.woocommerce .x-sidebar.right {
    display: none;
}

.woocommerce .x-main {
    width: 100%;
}

Here are some related links for further reading:

Hope this helps.

#3

Thank you!

Just in case anyone else searches this topic in the future. As I went to put in this code, I noticed the WooCommerce tab in the customizer actually has a toggle switch. Just click it over to “fullscreen” and you’re good to go with no code!

#4

Glad it’s okay now and thanks for sharing :wink:

#5

Oops! Spoke too soon! Neither the toggle nor the code removes the sidebar from the cart or checkout pages. Can you help please?

Thanks!

#6

Hello Laurie,

Thanks for updating the thread. :slight_smile:

Please take a look at the solution mentioned in following thread to have fullwidth layout for cart and checkout page:

Thanks.

#7

Thank you!

#8

You are most welcome. :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.