From bb717c6eb769e6ec7ff248f996483b6c3520788f Mon Sep 17 00:00:00 2001
From: Karissa Demi <karissa.demi@phila.gov>
Date: Thu, 24 Oct 2024 16:52:49 -0400
Subject: [PATCH] Update header

---
 .../css/scss/base/_global-nav.scss              | 17 ++++++++++-------
 .../phila.gov-theme/css/scss/pages/_post.scss   |  2 +-
 wp/wp-content/themes/phila.gov-theme/header.php |  6 +++---
 3 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/wp/wp-content/themes/phila.gov-theme/css/scss/base/_global-nav.scss b/wp/wp-content/themes/phila.gov-theme/css/scss/base/_global-nav.scss
index d2b7cf41a..ccbfbdd2c 100644
--- a/wp/wp-content/themes/phila.gov-theme/css/scss/base/_global-nav.scss
+++ b/wp/wp-content/themes/phila.gov-theme/css/scss/base/_global-nav.scss
@@ -7,6 +7,9 @@
     width: 100%;
   }
 }
+.menu-wrapper {
+  width:100%;
+}
 
 .global-nav {
   @include secondary-font(400);
@@ -16,7 +19,7 @@
   ul {
 
     font-size: 1rem;
-    
+
     li.gov-site.show-for-medium {
       font-size: .85rem;
 
@@ -514,8 +517,8 @@
 
   .menu-icon {
     position: relative;
-    width: 70px;
-    height: 70px;
+    width: 80px;
+    height: 80px;
     padding: 1.3rem;
     margin-right: 1rem;
     margin-left: 0;
@@ -652,7 +655,7 @@
     .primary-menu .menu li > a {
         font-size: 10.5px !important; //force main menu to shrink at smaller screen size. Prevents wrapping for mayor link
         text-transform: none !important;
-        padding: 2rem 1.3rem 2rem 1rem !important;
+        padding: 2rem .5rem !important;
     }
     .logo {
       margin:0;
@@ -662,9 +665,9 @@
     }
   }
 
-  @media screen and (min-width: 750px) and (max-width: 816px) {
+  @media screen and (min-width: 750px) and (max-width: 880px) {
     a.icymi {
-      width:110px;
+      width:100px;
     }
   }
 
@@ -936,7 +939,7 @@
     button.site-search {
       color:white;
       font-size: 1rem;
-      margin-right: 1rem;
+      padding: 1rem;
 
       @include breakpoint(small only) {
         min-width: 60px;
diff --git a/wp/wp-content/themes/phila.gov-theme/css/scss/pages/_post.scss b/wp/wp-content/themes/phila.gov-theme/css/scss/pages/_post.scss
index 75dc412cd..f23d10080 100644
--- a/wp/wp-content/themes/phila.gov-theme/css/scss/pages/_post.scss
+++ b/wp/wp-content/themes/phila.gov-theme/css/scss/pages/_post.scss
@@ -220,7 +220,7 @@
   blockquote {
     border-left: 2px solid black;
     padding-left: 15px;
-  } 
+  }
   blockquote:before {
       content: ' ' !important;
   }
diff --git a/wp/wp-content/themes/phila.gov-theme/header.php b/wp/wp-content/themes/phila.gov-theme/header.php
index 4af6b3191..e71279ac0 100644
--- a/wp/wp-content/themes/phila.gov-theme/header.php
+++ b/wp/wp-content/themes/phila.gov-theme/header.php
@@ -153,10 +153,10 @@
     </div>
     <!-- sticky/desktop nav -->
     <div id="global-sticky-nav" class="row expanded">
-      <div>
+      <div class="small-24 columns phn">
         <div class="primary-menu" data-sticky-container data-swiftype-index="false">
           <div class="grid-container phila-sticky phn" data-margin-top="0" data-sticky data-sticky-on="medium">
-            <div class="grid-x align-middle align-justify">
+            <div class="menu-wrapper grid-x align-middle align-justify">
               <div class="small-20 medium-12 branding-container cell">
                 <button aria-label="Global navigation menu" class="menu-icon" type="button">
                     <i class="fass fa-bars" aria-hidden="true"></i>
@@ -194,7 +194,7 @@
           </div><!-- close columns -->
         </div>
       </div>
-    </div>
+                </div>
     <?php include(locate_template('partials/global/translations-modal.php')); ?>
     <div id="phila-mobile-menu"></div>
     <div id="phila-site-wide-alerts"></div>