Мои боковые виджеты не вертикулы в Wordpress? Как правильно выровнять его?

Question

У меня есть тема, которую я делаю, и боковая панель никогда не работает должным образом. Виджеты или вспомогательные элементы не выравниваются по вертикали и идут горизонтально. Ive сделал все в css, даже изменив sidebar.php, и ничего не сработало.

Справочно: http://minecraftserverzz.com/youtube/hai/

Это то, что ив добавлен в sidebar.php и ив очистили все CSS, чтобы увидеть, что может быть основной проблемой.

<div id="sidebar" class="widgets-area"> 
<?php do_action('before_sidebar'); ?> 
    <?php if (! dynamic_sidebar('sidebar-primary')) : ?> 
     <aside id="search" class="widget widget_search"> 
      <?php get_search_form(); ?> 
     </aside> 
     <aside id="archives" class"widget"> 
      <h1 class="widget-title"><?php _e('Archives', 'shape'); ?></h1> 
      <ul> 
       <?php wp_get_archives(array('type' => 'monthly')); ?> 
      </ul> 
     </aside> 
     <aside id="meta" class="widget"> 
      <h1 class="widget-title"><?php _e('Meta', 'shape'); ?></h1> 
      <ul> 
       <?php wp_register(); ?> 
       <li><?php wp_loginout(); ?></li> 
       <?php wp_meta(); ?> 
      </ul> 
     </aside> 
    <?php endif; ?> 
</div> 

Answer 1

#sidebar имеет display: flex; и по умолчанию, флекс-х flex-direction является row. Это означает, что оно будет выходить горизонтально, а не вертикально. Чтобы сделать этот макет вертикальным, примените flex-direction: column; к #sidebar