Trying to fix topbar width issue for single item

diff --git a/Gruntfile.js b/Gruntfile.js
index 4c513e7..90ab2eb 100644 (file)
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -5,7 +5,7 @@ module.exports = function(grunt) {
     sass: {
       options: {
         includePaths: ['bower_components/foundation/scss'],
-        sourceMap: true
+        sourceMap: false
       },
       dist: {
         options: {

diff --git a/css/app.css b/css/app.css
index f8edf7b..f03da19 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6511,26 +6511,26 @@ header {
       -moz-box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.5);
       -webkit-box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.5);
       padding: 0 20px; }
-      .row .top-bar .top-bar-section ul li ul.dropdown li.drop-left {
+      .row .top-bar .top-bar-section ul li ul.dropdown > li {
         padding: 10px 0;
         border: 0px solid rgba(255, 255, 255, 0);
         border-bottom: 3px solid rgba(255, 255, 255, 0);
         border-image-source: url(../assets/blue_wavey.png);
         border-image-repeat: repeat;
         border-image-slice: 100% 33%; }
-        .row .top-bar .top-bar-section ul li ul.dropdown li.drop-left:last-child {
+        .row .top-bar .top-bar-section ul li ul.dropdown > li:last-child {
           border-bottom-left-radius: 5px;
           border-top-right-radius: 0;
           border-bottom-right-radius: 5px;
           border: none; }
-        .row .top-bar .top-bar-section ul li ul.dropdown li.drop-left a {
+        .row .top-bar .top-bar-section ul li ul.dropdown > li a {
           font-size: 1.125rem;
           padding: 0;
           text-align: left; }
           @media only screen and (min-width:40.063em) and (max-width:64em) {
-            .row .top-bar .top-bar-section ul li ul.dropdown li.drop-left a {
+            .row .top-bar .top-bar-section ul li ul.dropdown > li a {
               font-size: 0.875rem; } }
-        .row .top-bar .top-bar-section ul li ul.dropdown li.drop-left:not(.has-form) a:not(.button) {
+        .row .top-bar .top-bar-section ul li ul.dropdown > li:not(.has-form) a:not(.button) {
           line-height: 1.25;
           padding: 0; }
       .row .top-bar .top-bar-section ul li ul.dropdown li.drop-right {
@@ -7440,5 +7440,4 @@ aside.left-off-canvas-menu ul.open {
         background: url(../assets/social-icons.png) no-repeat;
         background-position: -68px -27px; }
 
-/* End Mobile Menu */
-/*# sourceMappingURL=app.css.map */
\ No newline at end of file
+/* End Mobile Menu */
\ No newline at end of file

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 64f9e80..08d7932 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -79,7 +79,7 @@
                         -webkit-box-shadow: 0 3px 3px 2px rgba($black, 0.5);
                         padding: 0 20px;
 //                        width: 155px;
-                        li.drop-left {
+                        > li {
         //                    max-width: 115px !important;
                             padding: 10px 0;
                             border: 0px solid rgba($white, 0);