only apply transparency changes on mobile

Author: Eric Jimenez

public/resources/css/module/_side-nav.scss

@@ -10,7 +10,8 @@
 */
 
 $sidenav: '.sidenav'; // Classname
-$sidenav-background: rgba($blue-grey-50, 1);
+$sidenav-background: rgba($blue-grey-50, .56);
+$sidenav-background-mobile: rgba($blue-grey-50, 1);
 $sidenav-background-dark: $blue-grey-200;
 $sidenav-color: $blue-grey-500;
 $sidenav-color-selected: $blue-700;
@@ -32,6 +33,7 @@ $sidenav-width: 240px;
 
   // MOBILE STYLE FOR DROPDOWN & TOGGLE
   @include respond-to('mobile') {
+    background: $sidenav-background-mobile;
     box-shadow: 0px 3px 6px rgba($black, .24);
     width: auto;
     left: 0;