Показать первые три сообщения, а затем показать остальные в сетке - 4 на страницу

Question

Я использую библиотеку fullPage.js для сайта, который я сейчас создаю.

Пример здесь: http://jugoadis.com/appssolut_web/blog

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

Это мой код:

   <div id="pagepiling" class="blog">

   <?php
   // Show first three posts
   $query = new WP_Query(array(
     'post_type' => 'post',
     'post_status' => 'publish',
     'posts_per_page' => 3
   ));

   while ($query->have_posts()) : $query->the_post(); ?>
     <div class="section">
         <div class="info-box">
            <h1 class="title align-items-center"><?php the_title();?>
         </div>
     </div>

  <?php 
  $currIndex++;
  // End while loop first 3 query
  endwhile;

  wp_reset_postdata();

  $new_query = new WP_Query(array(
     'post_type' => 'post',
     'post_status' => 'publish',
     'posts_per_page' => 4,
     'offset' => 3
  ));

  ?>

  <div class="section blog-grid">
  <div class="row align-items-center text-center grid">

  <?php
  while($new_query->have_posts()) : $new_query->the_post(); ?>
     <!-- Here i want -->

     <div class="col-md-6"> <!-- Post number 4 --> </div>
     <div class="col-md-6"> <!-- Post number 5 --> </div>
     <div class="col-md-6"> <!-- Post number 6 -->  </div>
     <div class="col-md-6"> <!-- Post number 7 --> </div>
     <!-- and on next scroll pages next 4 posts (8,9,10,11) and so on -->
  </div>
  </div>

  <?php 
    $currIndex++;
    endwhile;
    wp_reset_postdata();
  ?>