This appears to be a mistake by the theme developer. They forgot the proper grid classes on the html. Open archive.php in the themes folder or in the editor and change line 13 From this: <section id=”primary” class=”content-area”> To this: <section id=”primary” class=”content-area col-9-12″>
I would probably build this as a theme_mod in the customizer. You could add a setting for each widget area in the Colors panel.
As @CC said, you are missing a stylesheet. But the big issue is that you’re missing a closing </div> tag above the </body> tag, and that is throwing the sidebar under the content. I don’t know how you’re editing pages, but that needs to be fixed. The error may have been there from the beginning.
Template responsible for product category is archive-product.php. Woocommerce is looking for the file first in your theme folder (yourtheme/woocommerce/archive-product.php) and if it’s not there, it’s taking one from plugin folder. The plugin calls for sidebar with <?php do_action( ‘woocommerce_sidebar’ ); ?>
The widgets that contain the loop in the sidebar are had caused the problem. The problem is solved.
sidebar / widget wont show
It’s hard to tell your exact requirements, but testing to see which handle to pass to dynamic_sidebar is probably your best bet, since it’ll allow you to administer each version from the WordPress back-end. Don’t forget to register each version with register_sidebar The other thing that might be what you’re after is the sidebars_widgets filter, … Read more
Please also check the sidebar.php as well the header.php file in the theme root directory. On first sight it seems that its a header section which also includes the vertical menu.
I found out what the problem was. I were using jQuery in the wrong way, which made the customizer fail. This is how you should enqueue a script with jQuery: function my_theme_scripts() { wp_enqueue_script( ‘my-great-script’, get_template_directory_uri() . ‘/js/my-great-script.js’, array( ‘jquery’ ), ‘1.0.0’, true ); } add_action( ‘wp_enqueue_scripts’, ‘my_theme_scripts’ ); See more on this page.
You could use some absolute positioning CSS for that media query for that class that displays the sidebar. It all depends on how the theme code is written, as does the actual name of the class that the theme uses. One tutorial on that subject is here: https://www.w3schools.com/css/css_positioning.asp You might be able to put your … Read more