Remove sidebar from individual product pages

[Heather]

Hello,

I’m using the Girly Pro theme – I would like to completely remove the sidebar from all individual product pages, allowing each product page to extend to the full width.

At the same time, I’d like to keep the sidebar on the product categories pages. Can you recommend a solution?

Thank you.

Heather

[Sonnal S Sinha]

Hi Heather,

Your 1 year support for theme has expired. To continue receiving theme updates/access and support for another year kindly subscribe for just $18

Pay via PayPal:

https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=E6MFAFM4T6RDL

OR

Pay via Credit Card:

https://sites.fastspring.com/sktthemes/product/singlethemeyearly

Once paid we will again renew your support for 1 year and you will also receive theme updates/access as and when they happen.

Regards,
Shri

[Heather]

Hello – I’ve just paid for another year of support.

I’m using the Girly Pro theme – I would like to completely remove the sidebar from all individual product pages, allowing each product page to extend to the full width.

At the same time, I’d like to keep the sidebar on the product categories pages. Can you recommend a solution?

Thank you.

Heather

[Sonnal S Sinha]

Hi,

Kindly show us your website URL?

Regards,
Dave

[Heather]

Http://www.crossvinedesigns.com

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.site-main { width:100%;}

Regards,
Dave

[Heather]

Hello,

This doesn’t work – please advise further.

Thank you!

Heather

[Heather]

Hello – I’ve paid for a year’s support and have provided the url and login credentials. Please advise on the best way to remove the sidebar from the woocommerce product pages only.

Thank you!!

[Sonnal S Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Dave

[Heather]

https://imgur.com/DBYesXP

[Sonnal S Sinha]

Kindly use this in appearance>theme options>basic settings>Custom CSS:

body.single-product #sidebar {display:none;}
body.single-product #sitemain {width:100% !important;}

Regards,
Shri

[Heather]

Perfect! Thank you so much.

[Sonnal S Sinha]

🙂

[Author]

Posts