Merge pull request #788 from GSA/780-remove-menu-on-mobile

780 - Hide menu button on mobile home page when logged out

app/assets/sass/uswds/_uswds-theme-custom-styles.scss

@@ -25,6 +25,9 @@ i.e.
 .usa-header--extended .usa-logo {
    font-family: family("sans");
    margin: units(4) 0;
+   @include at-media-max('mobile-lg') {
+      margin: units(4) 0 units(4) units(2);
+   }
    img {
       @include at-media($theme-header-min-width) {
          width: 80px;
@@ -33,6 +36,10 @@ i.e.
    }
 }
 
+.usa-banner__header-action {
+   font-size: size("body", 2);
+}
+
 .usa-nav__primary {
    &> .usa-nav__primary-item > a {
       font-size: size("body", 4);

app/templates/components/components/header/template.njk

@@ -55,7 +55,9 @@
         <a href="/" title="notify.gov">notify.gov</a>
       </em>
     </div>
-    <button type="button" class="usa-menu-btn">Menu</button>
+    {% if current_user.is_authenticated %}
+      <button type="button" class="usa-menu-btn">Menu</button>
+    {% endif %}
   </div>
   <nav aria-label="Primary navigation" class="usa-nav">
     <div class="usa-nav__inner">