Docs

[SaShah]

Hi,
how can i ONLY hide the shop page side bar but please not any other but ONLY shop page side bar.

I used this code but i deactivated it because i hide the side bar on all of woocommerce:

/* to disable sidebar on shop page */
.woocommerce-page .x-main {
width: 100% !important;
}
.woocommerce-page .x-sidebar {
display: none;
}

so please let me know how to hide it on shop page.

Thanks

[Rahul]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[SaShah]

This reply has been marked as private.

[Christopher]

Hi there,

Please add this :

.archive.woocommerce .x-main {
width: 100% !important;
}
.archive.woocommerce  .x-sidebar {
display: none;
}

Hope it helps.

[SaShah]

Hi,
it does not work for me because this code remove the sidebar from all of my store including products category, what i need that i want to remove the sidebar ONLY from the shop page, i am talking about the shop page that is default shop page for the whole store means when on checkout you click continue shopping and it redirect you to the main shop page.

So please let me know how to remove the sidebar only on main SHOP page but not on product cats.

Thanks

[Rue Nel]

Hello There,

Thanks for the updates! You can make your shop page as fullwidth. There is a setting in the customizer to achieve this layout. Simply go to Appearance > Customize > WooCommerce > Shop Layout. The “Shop Layout” option allows you to keep your sidebar on your shop page if you have already selected “Content Left, Sidebar Right” or “Sidebar Left, Content Right” for you “Content Layout” option, or remove the sidebar completely if desired.

http://prntscr.com/bb8zin

Hope this helps.

[Author]

Posts