removed properties margin-left

diff --git a/css/app.css b/css/app.css
index d45a5a2..4ea01db 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6486,7 +6486,10 @@ header .searchform input[type="submit"]:hover {
 #properties section.top-bar-section {
   left: 0 !important; }
 
-@media only screen and (max-width: 40em) {
+#about section.top-bar-section {
+  left: 0 !important; }
+
+@media only screen and (min-width:0em) and (max-width:64em) {
   .headerLogo {
     margin-top: 35px; }
   #properties {
@@ -6495,9 +6498,15 @@ header .searchform input[type="submit"]:hover {
     box-shadow: none !important; }
   .top-bar-section ul li {
     line-height: 2.25 !important; }
+  #properties .top-bar .top-bar-section ul#menu-properties li {
+    box-shadow: none; }
   #properties .top-bar .top-bar-section ul#menu-properties li ul.dropdown li a {
     width: 206px !important; } }
 
+@media only screen and (max-width: 40em) {
+  .headerLogo {
+    margin-top: 70px; } }
+
 .contain-to-grid {
   box-shadow: 0 5px 10px -1px #999999; }
   .contain-to-grid .top-bar {
@@ -6814,7 +6823,7 @@ header .searchform input[type="submit"]:hover {
   margin-top: 12px; }
 
 #properties {
-  margin-left: 28px; }
+  margin-left: 0px; }
   #properties .top-bar {
     margin-top: 0px;
     background: transparent;

diff --git a/header.php b/header.php
index 22c8b99..f0e6386 100644 (file)
--- a/header.php
+++ b/header.php
@@ -24,15 +24,18 @@
                                     </section>
                                 </nav>
                             </div>
-                            <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(); ?>
-                                    </section>
-          
-                                </nav>
-                            </div> 
-                            <div class="right social small-12 large-4 medium-6 columns show-for-medium-up">
+                            
+                                <div id="about" class="small-12 medium-6 large-4 text-left columns show-for-large-up">
+                                    <nav class="top-bar" data-topbar role="navigation">
+                                        <section class="top-bar-section">
+                                            <?php about_top_bar(); ?>
+                                        </section>
+
+                                    </nav>
+                                </div> 
+                         
+            
+                            <div class="right social small-12 large-4 columns show-for-large-up">
                                 <ul class="social right">
                                     <li id="linkHome"><a href="<?php bloginfo('url'); ?>"> Home </a></li>
                                     <li>

diff --git a/scss/_page.header.scss b/scss/_page.header.scss
index 573c17b..e7b1a16 100644 (file)
--- a/scss/_page.header.scss
+++ b/scss/_page.header.scss
@@ -201,6 +201,7 @@ header {
         }
     }
 }
+ // custom styling AT
 header .searchform input[type="text"]{
     position: relative;
     width: 127px;
@@ -273,7 +274,10 @@ header .searchform input[type="submit"]:hover{
 #properties section.top-bar-section{
     left: 0 !important;
 }
-@media #{$small-only}{
+#about section.top-bar-section{
+    left: 0 !important;
+}
+@media #{$medium-down}{
     .headerLogo{
         margin-top: 35px;
     }
@@ -286,7 +290,16 @@ header .searchform input[type="submit"]:hover{
     .top-bar-section ul li{
         line-height: 2.25 !important;
     }
+    #properties .top-bar .top-bar-section ul#menu-properties li {
+     box-shadow: none;   
+    }
     #properties .top-bar .top-bar-section ul#menu-properties li ul.dropdown li a{
         width: 206px !important;
     }
 }
+@media #{$small-only}{
+    .headerLogo
+    {
+       margin-top: 70px; 
+    }
+}

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 48ae7c2..3b08d12 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -452,7 +452,7 @@
     margin-top: 12px;
 }
 #properties {
-    margin-left: 28px;
+    margin-left: 0px;
     .top-bar{
         margin-top: 0px;
         background: transparent;