Align main nav with logo on mobile

danielvanc · Feb 4, 2019 · 3302ad5 · 3302ad5
1 parent 7876d6e
commit 3302ad5
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/Layout/header/Header.js b/src/components/Layout/header/Header.js
@@ -81,10 +81,15 @@ const SiteNav = styled.ul`
   li {
     font-family: var(--font-family-subheadings);
     float: right;
+    margin-top: 7px;
     padding-left: 2em;
+    @media screen and (min-width: 37.500em) {
+      margin-top: 0;
+    }
     &:first-of-type {
       float: left;
       padding-left: 0;
+      margin-top: 0;
       @media screen and (min-width: 37.500em) {
         float:none;
       }