Disable sidebar in shop page (Woocommerce)

[Francisco]

Hi,

I am trying to disable the sidebar in shop page and I can´t!

I have disabled it in the page admin. But in the front end I still see it.

The strange thing is that in the HTML code I can´t find the PAGE ID as WordPress shows in all the entries or pages to add a custom CSS code

What should I do?

Thanks,
Francisco

[David]

Hi there,

did you use a Site from the library to set up your site ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Francisco]

Hi!

yes.

Don´t worry I have finally added a custom CSS inside the “HTML block ” that hides the right sidebar and expands primary sidebar to 100%

Thanks!
Francisco

[Jhinuk]

Hi Francisco,

Would you mind sharing the custom CSS you used?

Thank you,

JC.

[Elvin]

Hi JC,

I’ve answered you topic related to this. Please check it out.

https://generatepress.com/forums/topic/how-to-remove-sidebar-on-shop-page/#post-1461572

A wise man once said:
"Have you cleared your cache?"

[Francisco]

Hi!!

I can´t remember in which site I had this problem.

But I had inserted something like this as an HTML BLOCK in that page

<style>
.ID_SIDEBAR {
display: none !important;
}

.ID_main_div {
width: 100% !important;
}

</style>

[Jhinuk]

Thank you!

JC.

[Elvin]

@Francisco Awesome, yeah that will work assuming you know the right selectors.

@Jhinuk

You have to know the unique selector for your shop page if you want the CSS to apply exclusively on the shop page only. 🙂

A wise man once said:
"Have you cleared your cache?"

[Author]

Posts