Левый sidebar на WordPress

Всем привет.
Вопрос к экспертам по WordPress.  
(Сразу предупреждаю — я практически полный ноль в программировании)
Есть сайт, на котором взята за основу тема twentytwentyone. 
В ней изначально sidebar идет только в футере и изменить его положение через админ-панель, к сожалению нельзя.
Появилась необходимость в левом сайдбаре. 
Начал искать гайды. 
Практически все гайды содержат в себе следующие этапы:
1. В funtctions.php регистрируем новый сайдбар:

register_sidebar( array(
'name' => __( 'new_sidebar', 'twentytwentyone' ),
'id' => 'new-sidebar-widget',
'description' => __( 'description', 'twentytwentyone' ),
'before_widget' => '<li id="%1$s">',
'after_widget' => '</li>',
'before_title' => '<h3>',
'after_title' => '</h3>',
) );

2. Добавляем его в необходимое место. 

<?php if ( is_active_sidebar( 'new-sidebar-widget' ) ) : ?>
<div id="id-new-sidebar" role="complementary">
<ul><?php dynamic_sidebar( 'new-sidebar-widget' ); ?></ul></div>
<?php endif; ?>
 

Что я собственно и сделал - добавил данный код в index.php между get_header и the_posts.
Далее у нас появляется в редакторе WP новый sidebar, в который мы можем успешно добавить какой-нибудь виджет. http://joxi.ru/p27Y0k1SnwYnWr

Теоретически все работает и можно радоваться, НО, есть проблема с отображением. Скриншот: http://joxi.ru/nAy1OVQSaEeaNA
За счет добавления между блоками появилась огромная пропасть, которая не нужна там. Хотелось бы, чтобы этой пропости не было и сайдбар находился параллельно the_post.
Возможно это можно решить посредством CSS или изменения функции. 
Буду очень благодарен профессионалам этого форума, кто отзовется на помощь.

Также пробовал разные плагины, типа: Custom Sidebars, LightWeight Sidebar Manager. Все они предлагают создать sidebar в существующем поле (footer). Возможно так и не удалось наткнуться на подходящий.