Single Product Page Sidebar – move to left

[Lesley Fleming]

Hi,

Thank you for your work on the Elite theme.

I have set up my website to display my logo hanging down on the left side of the page, which makes it necessary that I keep my sidebars on the left. I have some custom css which allows the left sidebar to show up below my logo.

WooCommerce is showing the Single Product page on the right, however, and I don’t know how to change this default. How can I move the sidebar on the single product pages to the left and with enough padding to show up under my logo?

Thanks!

[Bill Robbins]

Hello Lesley,

You can swap them around on your single product pages. Here’s how:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .single-product #content {
   	float: right;
   }
   
   .single-product #sidebar {
   	float: left;
   }
   

3. Update your settings.

Let me know if you run into any trouble there.

Bill

[Lesley Fleming]

It worked wonderfully. Thank you!

[Bill Robbins]

Fantastic. Have a great day Lesley 🙂

[Author]

Posts