Индивидуальные результаты на странице результатов WordPress перечислены снизу вверх (напротив динамического кода). Как я могу это изменить?

я использую

<?php get_search_form(); ?>

в моем заголовке. И динамически создаваемый код перечисляет элементы сверху вниз, но они отображаются снизу вверх и попадают в мой баннер.

Я могу только контролировать, где нижний (первый) результат попадает на страницу, поэтому его перемещение вниз, чтобы создать место, было бы бесполезным, если поиск принес только несколько результатов.

Я пытался установить высоту и использовать overflow: scroll; но по какой-то причине страница не может обработать его, и она показывает только пару результатов независимо от высоты контейнера.

Я не гуру PHP, но в целом я могу следовать и вносить исправления. Я получил этот PHP для страницы результатов с этого сайта.

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<div class="post" id="post-<?php the_ID(); ?>">
<h2 class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<p class="meta"><small>Posted on <?php the_time('F jS, Y') ?> by <?php the_author() ?> <?php edit_post_link('Edit', ' | ', ''); ?></small></p>
<div class="entry">
<?php the_excerpt(); ?>
</div>

</div>
<?php endwhile; ?>
<div class="navigation">
<div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
<div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
</div>

Сайт в данный момент здесь http://testsite.saltrockdesign.com/
Это специальный сайт для школьного проекта, но также и настоящий клиент. Очевидно, не закончено ..
Любая помощь принесет мне много любви и счастья.