<div class="container blog-container" id="gridcontainer">
  <header class="header page-title">
    <h2 data-role="page-title">
      <?php $cat = get_the_category(); echo $cat[0]->cat_name; ?>
    </h2>
  </header>
  <div class="row">
    <div class="col-md-9 col-lg-9 col-lg-push-3">
      <section id="content" role="main" class="category"> 
        <!-- BEGIN CATEGORY GRID  -->
        <div id="gridcontainer">
          <div class="row display-flex" style="display: flex; flex-wrap: wrap; padding-bottom: 32px;">
            <?php wp_reset_query(); ?>
            <?php while ( have_posts() ) : the_post(); // standard WordPress loop. ?>
            <div class="col-sm-4 griditem">
              <div class="postimage"> <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
                <?php the_post_thumbnail('category-feature', array('class' => 'blog-thumb')); ?>
                </a> </div>
              <div class="blog-title"><a href="<?php the_permalink(); ?>">
                <?php the_title( '<h2>', '</h2>' ); ?>
                </a></div>
            </div>
            <?php endwhile; // end of the loop. ?>
          </div>
        </div>
        <!-- END CATEGORY GRID  --> 
        <!--All posts are displayed from wordpress settings, hence no pagination -->
        <div class="blog-navigation">
          <?php //numeric_posts_nav() ?>
        </div>
      </section>
    </div>
    <div class="col-md-3 col-lg-3 col-lg-pull-9 side-bar">
      <?php get_sidebar(); ?>
    </div>
  </div>
</div>
