I'm trying to remove the sidebar on specific product pages (i know I have done this previously, but the sites reverted / and I can't find how it was done previously) searched these forums, etc.
there are a few pages on my website (see below links) where I need the product page without the sidebar and the product displayed full width in the container.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
I'm trying to remove the sidebar on specific product pages (i know I have done this previously, but the sites reverted / and I can't find how it was done previously) searched these forums, etc.
there are a few pages on my website (see below links) where I need the product page without the sidebar and the product displayed full width in the container.
https://ukroofingstore.co.uk/product/3m-x-4-2m-garden-room-frame-only/
and
https://ukroofingstore.co.uk/product/pro-grp-roofing-kit-2/
Could you let me know how I could hide the Sidebar and have the page full width in the container for specific products? Googling I found this :
https://secondlinethemes.com/enable-disable-the-woocommerce-sidebar/
an explanation of how to show hide but it mentions nothing about doing it for specific products?
Really appreciate some help on this one (again)
Hello again,
Thanks for writing in.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.postid-6436 #sidebar, .postid-7977 #sidebar { display: none; } .postid-6436.woocommerce.single .post-area.span_9, .postid-7977.woocommerce.single .post-area.span_9 { width: 100% !important; }Thanks,
Hi Andrew many thx, the sidebar disappears but the content stays the same width.
Could you possibly take a look and advise, please?
Hello again,
Try replacing the second part of the CSS with this:
.postid-6436 .post-area.span_9, .postid-7977 .post-area.span_9 { width: 100% !important; }Thanks,
They shall sing your name in the Halls of Valla Halla,
Many thx
:)