I updated the positioning a bit

I repositioned the graphic a little bit to match the other nav items

diff --git a/css/app.css b/css/app.css
index 9753257..063ca24 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6609,20 +6609,20 @@ ul#sec-nav {
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 0; }
     .top-bar-section ul li:last-child:not(.has-form) {
-      top: -65px; }
+      top: -67px; }
       .top-bar-section ul li:last-child:not(.has-form) a:not(.button) {
         background-image: url(../assets/central-swing-nav-graphic.png);
-        background-position: top left;
+        background-position: top center;
         background-repeat: no-repeat;
         color: transparent;
-        width: 192px;
+        width: 220px;
         min-height: 107px; }
         .top-bar-section ul li:last-child:not(.has-form) a:not(.button):hover {
-          width: 192px;
+          width: 220px;
           background: #1479b0;
           color: transparent;
           background-image: url(../assets/central-swing-nav-graphic.png);
-          background-position: top left;
+          background-position: top center;
           background-repeat: no-repeat; }
       .top-bar-section ul li:last-child:not(.has-form) .dropdown li {
         top: auto; }

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 3ee12be..1be9929 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -77,20 +77,20 @@
             }
             &:last-child {
                 &:not(.has-form) {
-                    top: -65px;
+                    top: -67px;
                     a:not(.button) {
                         background-image: url(../assets/central-swing-nav-graphic.png);
-                        background-position: top left;
+                        background-position: top center;
                         background-repeat: no-repeat;
                         color: transparent;
-                        width: 192px;
+                        width: 220px;
                         min-height: 107px;
                         &:hover {
-                            width: 192px;
+                            width: 220px;
                             background: $blue;
                             color: transparent;
                             background-image: url(../assets/central-swing-nav-graphic.png);
-                            background-position: top left;
+                            background-position: top center;
                             background-repeat: no-repeat;
                         }
                     }