Change WooCommerce product page to Full Width

Shapely
1

Hi, thank you so much for the beautiful theme!

I have set up WooCommerce, and for some reason on the “product Page”, I noticed that there are sidebar showing.
Went to change the display setting from “product” Pages, but didn’t do anything.
I could figure out how to remove the sidebar finally, however I am trouble making the page to full width display. Looked around HTP files, but no luck, added

#content-woocommerce { width: 100%; box-sizing: border-box; }

in the custom CSS, but no luck.

Could you advise me what I can do at this point?
The website is: www.sweetiecupteahouse.com

Thank you so much for your time!

2

I’m sorry, just to add to this–
Just found out that side bar is still visible when I access to the “cart” page.
If you can advise me to get rid of all the side bar visibility regard to WooCommerce usage, that would be great too.
Thank you very much!

3

Hi @caluyadesign,

I hope you are well today and thank you for your question.

I visited your shared site and the cart page is displaying without sidebar as shown in the attached screenshot.

To make the woocommerce pages full width you can use the below CSS code.


body.woocommerce #primary {
    width: 100%;
}

Best Regards,
Movin

4

Thank you, it works beautifully.

5

You are most welcome here :slight_smile: