Sidebar Removal

Can i bump?

Wondering if anyone could help…

Hey there Cedric,

Hope you’re well today!

This should be possible to achieve with some custom CSS. Could you please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:

https://www.ads-software.com/plugins/simple-custom-css

.page-id-0 div#secondary {
display: none;
}

.page-id-0 .page-template-default #primary {
width: 100%;
}

This should remove the sidebar from your product page and make the content full width.

Please let me know if this helps ??

Best regards,
Bojan

Hey Bojan,

I tried that code but it didnt work for me, Do you have any other suggestions?

Thanks, Cheets ??

Hey there Cheets,

Would you mind posting link to the page where you want this removed so I can take a look?

Best regards,
Bojan

For sure. ??
Ive now decided, rather than try to select which store pages do and dont have it a Sidebar as I originally wanted It might be easier to remove it totally and use the bottom widget bar.

I still need to remove that sidebar somehow . . .
https://www.sama-partiesinc.co.uk/store/products/booking/

Thanks in advance ??

Hey again Cheets,

The following code should remove the sidebar and make content full width on your all products page:

.page-id-0 div#sidebar {
  display: none;
}

.page-id-0 div#main-content {
  width: 100%;
}

As for single product pages we can easily target them specifically by page ID so please let me know which ones you don’t want sidebar on and I’ll be happy to assist you with that ??

If the code doesn’t work on store page please keep it added and let me know so I can take a look.

Cheers,
Bojan

Hey Bojan , I Have tried that thanks, but it doesn’t seem to work for me.

I do have the WPMU support access open on my site right now if you want to take a look?

The new child css is in the usual place Appearance/Editor/, have left the code you suggested at the bottom of the list. Does it maybe need an !important command??

Brian ??

The only place Id want to keep the SideBar is the store/shopping-cart, But Im not sure how I find the ID of a virtual page?

Hey Brian,

You shouldn’t add CSS there since that will place it into themes style.css which is not a good idea since all changes will be lost once you update the theme.

If you’re not using child theme please use the plugin I mentioned above (https://www.ads-software.com/plugins/simple-custom-css), once installed and activated you can add custom CSS to Appearance -> Custom CSS.

With that being said if you’re using premium version and already have a thread on WPMU DEV forum we should definitely keep the conversation there so you can post the link and I’ll be happy to take a look.

We’ll most likely have to use more then just CSS in order to do this since all virtual pages share the page ID and are using the same template.

Best regards,
Bojan