Header restrained to 1000px
authorLaury GvR <laury@gaslightmedia.com>
Thu, 10 May 2018 19:30:11 +0000 (15:30 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Thu, 10 May 2018 19:30:11 +0000 (15:30 -0400)
css/app.css
scss/_page.header.scss
sections/header.php

index bc32054..49d57ae 100644 (file)
@@ -7014,13 +7014,13 @@ header #top-links {
   header #top-links .phone {
     clear: both;
     display: block; }
-header .large-row {
+header .header-top {
   background-color: transparent;
   position: relative;
-  max-width: 1200px;
+  max-width: 1000px;
   height: 300px; }
   @media only screen and (min-width:40.063em) {
-    header .large-row {
+    header .header-top {
       min-height: 75px; } }
 header .header-logo .logo-link {
   display: block;
@@ -7119,12 +7119,12 @@ header.main {
 
 .interior-wrapper header.main {
   height: 300px; }
-  .interior-wrapper header.main .large-row {
+  .interior-wrapper header.main .header-top {
     height: 300px; }
 
 .frontpage-wrapper header.main {
   height: 200px; }
-  .frontpage-wrapper header.main .large-row {
+  .frontpage-wrapper header.main .header-top {
     height: 200px; }
   .frontpage-wrapper header.main .top-bar {
     display: none !important; }
index 691c862..6b82fb1 100644 (file)
@@ -18,10 +18,10 @@ header {
             display: block;
         }
     }
-    .large-row{
+    .header-top {
         background-color: transparent;
         position: relative;
-        max-width: 1200px;
+        max-width: 1000px;
         height: 300px;
         // padding-top: 20px;
         // border: 1px dashed black;
@@ -152,7 +152,7 @@ header.main {
 .interior-wrapper {
     header.main {
         height: 300px;
-        .large-row {
+        .header-top {
             height: 300px;
         }
     }
@@ -160,7 +160,7 @@ header.main {
 .frontpage-wrapper {
     header.main {
         height: 200px;
-        .large-row {
+        .header-top {
             height: 200px;
         }
         .top-bar {
index 56ccb10..981d89d 100644 (file)
@@ -1,5 +1,5 @@
 <header class="main fixed">
-    <div class="row medium-uncollapse large-collapse large-row">
+    <div class="header-top row medium-uncollapse large-collapse">
         <div id="header-left-section" class="header-logo large-2 columns">
             <a class="logo-link" href="<?php echo get_bloginfo( 'url' ); ?>"><img class="small-header-logo" src="<?php echo get_template_directory_uri();?>/assets/logo.png" alt=""></a>
         </div>