Giving your blog a page header

Open and edit the header.php file in the theme directory. Add the following line of PHP just before the topbar template part including:

<?php get_template_part( 'parts/page', 'header' ); ?> 

In the create a new template part in the parts directory called page-header.php, edit the following HTML and PHP code into it:

 <header class="container bg-primary-color-dark"> 
  <div class="row"> 
      <div class="col-xs-12 bg-primary-color-dark"> 
         <button class="navbar-toggler hidden-md-up pull-xs-right" type="button" data-toggle="collapse" data-target="#CollapsingNavbar"> 
           ☰ 
         </button>     
         <h1 class="display-3"><?php bloginfo('name'); ?></h1> 
      </div>   
  </div> 
</header> 

The <?php bloginfo('name'); ?> PHP code automatically shows the name of your blog in the page header. Notice that the hamburger...