Colorlib Support – we established it was the newer versions of woocommerce plugin right from the start that wasn’t compatible with the theme. Hence the title of the thread “Woocommerce sidebar moves to side”.

kkr17 – Your help on this is awesome. I will try your suggestions later (when I get 5 minutes) but it sounds like you’ve sorted it. Many many thanks. I will report back.

Firstly thank you for the pointers. On my website I found the following happened…

archive-product.php Firstly I followed your exact code suggestion and the main content area and sidebar became part of the footer (though they were next to each other so a good starting place). After experimenting a bit I found if I just used <main id="main" class="site-main" role="main"> <header class="woocommerce-products-header"> and didn’t include<div id=”primary” class=”content-area <?php echo of_get_option( ‘site_layout’ ); ?>”> then it works. All good, archive pages fixed!

single-product.php Not such good news. Adding your exact code displayed the content area twice (one under the other) with the sidebar next to the bottom one. I have played with it for a couple of hours and can’t get this one to display properly.

Any further suggestions on fixing single-product.php would be very gratefully received… please!

I took the following screenshots yourarchive… here you can see that the ::after appears after your sidebar and yoursinglepage >> the ::after appears directly after main and before the sidebar

Try to switch the sidebarhook with the after main content hook – maybe that helps. Otherwise I have unfortunately no ideas – tried CSS but no success. You need to get the sidebar inside of your wrapper. I hope I was of some help being no expert at all.. just another shop owner.. <?php /** * woocommerce_after_main_content hook. * * @hooked woocommerce_output_content_wrapper_end – 10 (outputs closing divs for the content) */ do_action( ‘woocommerce_after_main_content’ ); ?>

Thanks for keeping in touch with us. We have already notified the developer about this but creating a fix for this kind of issue would take a bit of time as it needs to be tested on multiple browsers and tested with different plugins to ensure that the fix works properly with WordPress.

The theme already works fine with WordPress as we’ve discussed, it’s the WooCommerce side of things that needs attention. Four months since this was raised as an issue and still no word from the developer, despite kkr17 and myself pointing out where the problem is.

As an interim measure you should remove the text from the Unite page that says it works with Woocommerce. Or at least change it to say works with WooCommerce up to version 3.2.6.

Sorry for this problem, it will be fixed definitely Guys, you should not forget we are doing all this stuff absolutely for free, we have not 3 or 4 products and keeping them all time updated is not an easy job as seems 🙂

Maybe a bit late but I managed to stop the sidebar moving to the bottom and I am using the latest version of woocommerce as of Oct 2018. This has not affected the rest of my website, however, I am not saying it will work for everyone.

In the unite theme folder select the ‘header.php’ at the bottom there is a div <div class=”row <?php echo $layout_class; ?>”> — this php added side-pull-left on my site comment it out <!– <div class=”row <?php echo $layout_class; ?>”>–> and add a new div with no class <div>

The problem is that the ‘row’ was only including the ‘primary’ – woocommerce component not the ‘secondary’ – the sidebar component.

Disclosure: This page contains external affiliate links that may result in us receiving a commission if you choose to purchase mentioned product. The opinions on this page are our own and we don't receive additional bonus for positive reviews.

Follow Us

Make sure to follow us on social media below! Theme support related questions are answered only on support forum you see on the left.