adding properties menu to medium up

diff --git a/css/app.css b/css/app.css
index f1e96e0..8396a79 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6497,6 +6497,9 @@ header .searchform input[type="submit"]:hover {
   @media only screen and (max-width: 40em) {
     .tab-bar {
       margin-top: 0; } }
+  @media only screen and (min-width:40.063em) and (max-width:64em) {
+    .tab-bar {
+      margin-top: 78px; } }
   .tab-bar span {
     color: #6c4f53;
     font-weight: bold;
@@ -7071,7 +7074,7 @@ main a {
   -webkit-box-shadow: 0px -5px 8px -2px rgba(0, 0, 0, 0.5); }
   @media only screen and (min-width:40.063em) and (max-width:64em) {
     #slideshow {
-      top: -90px; } }
+      top: -83px; } }
   @media only screen and (max-width: 40em) {
     #slideshow {
       top: 0; } }

diff --git a/header.php b/header.php
index d8ecdc6..b8cfb9d 100644 (file)
--- a/header.php
+++ b/header.php
@@ -15,16 +15,16 @@
       <div class="off-canvas-wrap" data-offcanvas>
         <div class="inner-wrap">
             <div id="page-wrapper">
-                    <header id="header-all" class="show-for-large-up">
+                    <header id="header-all" class="show-for-medium-up">
                         <div class="row collapse">
-                            <div id="properties" class="large-4 columns">
+                            <div id="properties" class="small-12 medium-6 large-4 columns">
                                 <nav class="top-bar text-center" data-topbar role="navigation">
                                     <section class="top-bar-section">
                                         <?php property_top_bar(); ?>
                                     </section>
                                 </nav>
                             </div>
-                            <div id="about" class="large-4 text-right columns">
+                            <div id="about" class="large-4 text-right columns show-for-large-up">
                                 <nav class="top-bar" data-topbar role="navigation">
                                     <section class="top-bar-section">
                                         <?php about_top_bar(); ?>
@@ -32,7 +32,7 @@
           
                                 </nav>
                             </div> 
-                            <div class="right social large-4 columns">
+                            <div class="right social small-12 large-4 medium-6 columns show-for-medium-up">
                                 <ul class="social right">
                                     <li id="linkHome"><a href="<?php bloginfo('url'); ?>"> Home </a></li>
                                     <li>

diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index 63f8015..63720fd 100644 (file)
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -8,7 +8,7 @@
     -moz-box-shadow: 0px -5px 8px -2px rgba(0, 0, 0, 0.5);
     -webkit-box-shadow: 0px -5px 8px -2px rgba(0, 0, 0, 0.5);
     @media #{$medium-only} {
-        top: -90px;
+        top: -83px;
     }
     @media #{$small-only} {
         top: 0;

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index c7c5bf4..48ae7c2 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -13,6 +13,9 @@
     @media #{$small-only} {
         margin-top: 0;
     }
+@media #{$medium-only}{
+    margin-top: 78px;
+}
     span {
         color: $purple;
         font-weight: bold;