fixing topbar box shadow

I had to do some fixing on the nav's shadow.

diff --git a/css/app.css b/css/app.css
index f42fd7a..06c7905 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6349,10 +6349,10 @@ header.main {
     display: none !important; } }
 
 .top-bar {
-  box-shadow: 3px 0 7px 2px rgba(0, 0, 0, 0.5);
-  -ms-box-shadow: 3px 0 7px 2px rgba(0, 0, 0, 0.5);
-  -moz-box-shadow: 3px 0 7px 2px rgba(0, 0, 0, 0.5);
-  -webkit-box-shadow: 3px 0 7px 2px rgba(0, 0, 0, 0.5);
+  box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.5);
+  -ms-box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.5);
   position: relative;
   z-index: 3; }
   @media screen and (max-width: 766px) {

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 843fb6a..e8090ce 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -20,10 +20,10 @@
 //    }
 }
 .top-bar {
-    box-shadow: 3px 0 7px 2px rgba($black, 0.5);
-    -ms-box-shadow: 3px 0 7px 2px rgba($black, 0.5);
-    -moz-box-shadow: 3px 0 7px 2px rgba($black, 0.5);
-    -webkit-box-shadow: 3px 0 7px 2px rgba($black, 0.5);
+    box-shadow: 0 3px 7px 2px rgba($black, 0.5);
+    -ms-box-shadow: 0 3px 7px 2px rgba($black, 0.5);
+    -moz-box-shadow: 0 3px 7px 2px rgba($black, 0.5);
+    -webkit-box-shadow: 0 3px 7px 2px rgba($black, 0.5);
     position: relative;
     z-index: 3;
     @media screen and (max-width: 766px){