Update off canvas left

get rid of transparent colors

diff --git a/root/scss/_left-off-canvas.scss b/root/scss/_left-off-canvas.scss
index d92b462..11edce6 100644 (file)
--- a/root/scss/_left-off-canvas.scss
+++ b/root/scss/_left-off-canvas.scss
@@ -1,7 +1,6 @@
 /* for the mobile menu */
 aside.left-off-canvas-menu {
-  background: transparent;
-  background-color: $primary-color;
+  background-color: rgba(0, 0, 0, 0.7);
   color: white;
 }
 aside.left-off-canvas-menu li.page_item {
@@ -17,10 +16,6 @@ aside.left-off-canvas-menu .off-canvas-list ul li a {
   background-repeat: no-repeat;
   background-position: 3px 50%;
 }
-aside.left-off-canvas-menu .off-canvas-list ul li a:hover {
-  background-color: $secondary-color;
-  color: black;
-}
 aside.left-off-canvas-menu li.page_item_has_children a.toggle {
   @include off-canvas-arrow(down, $secondary-color);
   font-size: 0;
@@ -32,18 +27,9 @@ aside.left-off-canvas-menu li.page_item_has_children a.toggle {
   top: 13px;
   width: 0;
 }
-aside.left-off-canvas-menu li.page_item_has_children:hover > a.toggle {
-    @include off-canvas-arrow(down, $primary-color);
-}
 aside.left-off-canvas-menu li.page_item_has_children a.toggle.open {
     @include off-canvas-arrow(up, $secondary-color);
 }
-aside.left-off-canvas-menu li.page_item_has_children:hover > a.toggle.open {
-    @include off-canvas-arrow(up, $primary-color);
-}
-aside.left-off-canvas-menu li.page_item_has_children a.toggle.open:hover {
-    background-color: $primary-color;
-}
 aside.left-off-canvas-menu ul.children {
   display: none;
 }

diff --git a/root/scss/_right-off-canvas.scss b/root/scss/_right-off-canvas.scss
index de383d1..2c94353 100644 (file)
--- a/root/scss/_right-off-canvas.scss
+++ b/root/scss/_right-off-canvas.scss
@@ -1,6 +1,5 @@
 /* for the mobile menu */
 aside.right-off-canvas-menu {
-  background: transparent;
   background-color: $primary-color;
   color: white;
 }
@@ -17,10 +16,6 @@ aside.right-off-canvas-menu .off-canvas-list ul li a {
   background-repeat: no-repeat;
   background-position: 3px 50%;
 }
-aside.right-off-canvas-menu .off-canvas-list ul li a:hover {
-  background-color: $secondary-color;
-  color: black;
-}
 aside.right-off-canvas-menu li.page_item_has_children a.toggle {
   @include off-canvas-arrow(down, $secondary-color);
   font-size: 0;
@@ -32,18 +27,9 @@ aside.right-off-canvas-menu li.page_item_has_children a.toggle {
   top: 13px;
   width: 0;
 }
-aside.right-off-canvas-menu li.page_item_has_children:hover > a.toggle {
-    @include off-canvas-arrow(down, $primary-color);
-}
 aside.right-off-canvas-menu li.page_item_has_children a.toggle.open {
     @include off-canvas-arrow(up, $secondary-color);
 }
-aside.right-off-canvas-menu li.page_item_has_children:hover > a.toggle.open {
-    @include off-canvas-arrow(up, $primary-color);
-}
-aside.right-off-canvas-menu li.page_item_has_children a.toggle.open:hover {
-    background-color: $primary-color;
-}
 aside.right-off-canvas-menu ul.children {
   display: none;
 }