How to move sidebar up in mobile WooCommerce?

Question

WordPress

Please tell me how to move the sidebar with filters, for example, up above the content in the mobile version of WooCommerce, if it is initially located in the theme at the bottom on mobile devices, and on the desktop - on the right.
I was already able to move it to the left with CSS in the desktop version. But to move up to the mob. can't think of anything but cut it and paste it before the content using JS. But I think it's too stupid and too "heavy" for the page.
Any other ideas?
Ps. In php page templates, I could not find where this sidebar is located in order to change the template itself.
twenty-sixteen theme

Answer 1

Maria, you can try push/pull as it is done in bootstrap. if the layout of the site is adaptive. To do this, you need to mark the sidebar and the main content the way you want it to look in the mobile version (i.e. swap) and already in the PC version, swap the blocks using css -/+ left and right and float.

Answer 2

It's simple, go to the woocommerce.php file in the theme folder, find and move this code above the content:
if( $sidebar != '1' ){
get_sidebar( 'woo' );
}