I am trying to update the layout of the header

Slowly I am working on the new layout of the header in the theme.  I
have the pre header area set up, but I'm having some difficulties with
the part that holds the navigation among other things.

diff --git a/header.php b/header.php
index 2a42b11..670c6a2 100644 (file)
--- a/header.php
+++ b/header.php
@@ -38,7 +38,6 @@ window._fbq.push(['track', 'PixelInitialized', {}]);
         <div class="inner-wrap">
             <div id="page-wrapper">
                   <div class="header-fixed">
-                   <div class="">
                       <div id="pre-header">
                           <div class="row collapse">
                               <div class="right">
@@ -54,7 +53,6 @@ window._fbq.push(['track', 'PixelInitialized', {}]);
                                 <li><a href="<?php echo get_permalink(156);?>">Media</a></li>
                             </ul> -->
                             
-
                         </div>
                         <div id="right-float" class="right show-for-large-up">
                             <ul>
@@ -65,21 +63,24 @@ window._fbq.push(['track', 'PixelInitialized', {}]);
                             <?php get_template_part("parts/search"); ?>
                         </div>
                         <div class="row">
-                            <div class="small-12 medium-6 small-centered text-center columns">
+                            <div class="small-12 medium-6 small-centered text-center columns show-for-medium-down">
                                 <a href="<?php bloginfo('url'); ?>"><img alt="Petoskey Area Logo" src="<?php echo get_template_directory_uri();?>/assets/petoskey-logo.png"></a>
                             </div>
                         </div>
                         <div class="row large-collapse">
-                            <div id="nav-off" class="small-12 large-10 columns">
+                            <div class="large-2 columns show-for-large-up">
+                                <a href="<?php bloginfo('url'); ?>"><img alt="Petoskey Area Logo" src="<?php echo get_template_directory_uri();?>/assets/petoskey-logo.png"></a>
+                            </div>
+                            <div id="nav-off" class="small-12 large-7 columns">
 
                                 <?php get_template_part('parts/top-bar');?>
                             </div>
 
-<!--                            <div class="large-2 columns show-for-large-up book-btn">
+                            <div class="large-3 columns show-for-large-up">
                                 <div class="row large-collapse">
-                                    <?php // get_template_part ('parts/reservation-form-main');?>
+                                    
                                 </div>
-                            </div>-->
+                            </div>
                             <nav class="tab-bar show-for-medium-down">
                                 <section class="left-small">
                                     <a class="left-off-canvas-toggle menu-icon" href="#"><span>Menu</span></a>
@@ -97,7 +98,6 @@ window._fbq.push(['track', 'PixelInitialized', {}]);
                             </nav>
                         </div>
                     </header>
-                </div>
 
                 </div>                    
                     <?php get_template_part('parts/off-canvas-menu');?>