Hiero Side Bar

Hi D.

can you share a link to your site.

Hi D

You can achieve the above by making some changes.

Please make the changes using child theme so that the changes remain preserved.

In the theme’s index.php

remove <?php get_sidebar(); ?> and move it top the top after header, so that it would look like below

get_header(); ?>
<?php get_sidebar(); ?>

After this add the below css in the style.css file.

.site-sidebar {
    margin: 0 30px;
}
.content-area {
    width: 63%;
}
.site-content {
    margin: 0;
}

After doing so you would need to add the below for section in smaller devices.

.content-area {
    width: 100%;
}