Remove Sidebar from Woocommerce Pages in Shapely

I really want to get rid of the sidebar in my Woocommerce shop installed on Shapely.
I have practically tried everything I could find to remove it but it doesn’t seem to be working. I have tried removing the sidebar-fetching code from the theme and the plugin itself but with no luck. Maybe I’m doing something wrong here.

Can someone help me here? Because I want the Woocommerce shop to be full width and not how it is.

Here are two pages for reference:

I am using a child theme. Have tried CSS, I have tried removing the code from single-product.php. But still no luck.


Hello there,

I hope you are doing well today.

Please go to Appearance > Widgets and remove the Woo-commerce widgets for the sidebars but if that does not work then try out the CSS code below.

You can use the following CSS code to remove the side bar by going to Appearance > Customize > Additional CSS and pasting it there.

/*Remove side bar*/
@media (min-width: 992px)
.col-md-8 {
    width: 100%;
/*Remove sidebar*/
aside#secondary {
    display: none;

Best Regards,

Hi Thanks for the response. I tried both the methods. But both of them didn’t work.

Not sure if I’m doing it wrong.

Would you like to have an admin access and take a look yourself?


  1. Create a Child theme. Child Themes « WordPress Codex
  2. Create a new file in the child theme and called it woocommerce.php, and put this content in to it. woocommerce.php · GitHub

It will remove sidebar from both the shop page and the product pages.

Let us know,


FINALLY !!! It has worked! Thanks a lot @laranz ! Much appreciated :slight_smile: