mobile fixups

docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/decoupled-menu/src/main-menu.island.tsx

@@ -317,7 +317,6 @@ const MenuLink = styled.a<{ isCurrent?: boolean, inTrail?: boolean, level?: numb
   font-weight: 400;
   text-decoration: none;
   padding: ${({level}) => level != 0 ? "16px 0 16px 36px" : "16px 20px"};
-
   transition: all 0.2s ease-in-out;
   width: 100%;
 
@@ -409,7 +408,7 @@ const NestedMenuList = styled.ul<{ open?: boolean, level?: number }>`
   display: block;
   z-index: ${props => props.level + 1};
   list-style: none;
-  padding: 19px 0 15px 0;
+  padding: 0 0 15px 0;
   margin: 0;
   min-width: 300px;
   background: #E9F7F8;
@@ -499,6 +498,11 @@ const MenuItem = ({title, url, items, level = 0}: { title: string, url: string,
     >
 
       <MenuItemContainer open={submenuOpen} level={level}>
+        {level === 1 ? (
+            <HeadingBar/>
+          ) : ""
+        }
+
         {!isNoLink &&
           <MenuLink
             href={url}
@@ -511,11 +515,6 @@ const MenuItem = ({title, url, items, level = 0}: { title: string, url: string,
           </MenuLink>
         }
 
-        {level === 1 ? (
-            <HeadingBar/>
-          ) : ""
-        }
-
         {isNoLink &&
           <>
             <NoLinkTopLevel open={submenuOpen}>{title}</NoLinkTopLevel>

docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/src/scss/components/header/_header.scss

@@ -17,11 +17,13 @@ header.su-masthead {
   // This is the line above the h2 in the mega menu.
   .heading-bar {
     position: relative;
+    height: 4px;
 
     @include grid-media-min('lg') {
       position: absolute;
       margin-bottom: 25px;
       display: block;
+      height: unset;
     }
   }