changing off canvas arrows

diff --git a/css/app.css b/css/app.css
index 79b15a4..53be0c1 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7679,24 +7679,30 @@ aside.left-off-canvas-menu .off-canvas-list ul li a {
   background-position: 3px 50%; }
 
 aside.left-off-canvas-menu li.page_item_has_children a.toggle {
-  border-left: 15px solid transparent;
-  border-right: 15px solid transparent;
-  border-top: 20px solid #e7e7e7;
-  border-bottom: 0;
-  font-size: 0;
-  height: 0;
-  line-height: 0;
   padding: 0;
   position: absolute;
   right: 10px;
-  top: 13px;
-  width: 0; }
+  top: 5px;
+  text-decoration: none; }
+  aside.left-off-canvas-menu li.page_item_has_children a.toggle:before {
+    content: '>';
+    transform: rotate(0deg);
+    color: #FFFFFF;
+    height: 17px;
+    width: 17px;
+    font-size: 17px;
+    font-weight: bold;
+    display: block; }
 
 aside.left-off-canvas-menu li.page_item_has_children a.toggle.open {
-  border-left: 15px solid transparent;
-  border-right: 15px solid transparent;
-  border-bottom: 20px solid #e7e7e7;
-  border-top: 0; }
+  content: '>';
+  transform: rotate(90deg);
+  color: #e7e7e7;
+  height: 1rem;
+  width: 1rem;
+  font-size: 1rem;
+  font-weight: bold;
+  display: block; }
 
 aside.left-off-canvas-menu ul.children {
   display: none; }
@@ -7815,4 +7821,6 @@ ul.social {
 #stOff {
   margin-left: 5px; }
 
-/* End Mobile Menu */
\ No newline at end of file
+/* End Mobile Menu */
+.gfield {
+  margin-top: 1em !important; }

diff --git a/scss/_gravity-forms.scss b/scss/_gravity-forms.scss
new file mode 100644 (file)
index 0000000..f2537b4
--- /dev/null
+++ b/scss/_gravity-forms.scss
@@ -0,0 +1,3 @@
+.gfield {
+    margin-top: 1em !important;
+}

diff --git a/scss/_left-off-canvas.scss b/scss/_left-off-canvas.scss
index 685650f..8621e68 100644 (file)
--- a/scss/_left-off-canvas.scss
+++ b/scss/_left-off-canvas.scss
@@ -17,18 +17,18 @@ aside.left-off-canvas-menu .off-canvas-list ul li a {
   background-position: 3px 50%;
 }
 aside.left-off-canvas-menu li.page_item_has_children a.toggle {
-  @include off-canvas-arrow(down, $secondary-color);
-  font-size: 0;
-  height: 0;
-  line-height: 0;
-  padding: 0;
+   padding: 0;
   position: absolute;
   right: 10px;
-  top: 13px;
-  width: 0;
+  top: 5px;
+//  width: 30px;
+    text-decoration: none;
+    &:before {
+        @include off-canvas-point(right, $white, 17px);
+    }
 }
 aside.left-off-canvas-menu li.page_item_has_children a.toggle.open {
-    @include off-canvas-arrow(up, $secondary-color);
+    @include off-canvas-point(down, $secondary-color);
 }
 aside.left-off-canvas-menu ul.children {
   display: none;

diff --git a/scss/app.scss b/scss/app.scss
index 7ade1e7..c93a66c 100644 (file)
--- a/scss/app.scss
+++ b/scss/app.scss
@@ -16,5 +16,6 @@
 @import "copyright";
 @import "structure";
 @import "left-off-canvas";
+@import "gravity-forms";
 //@import "right-off-canvas";
 

diff --git a/scss/mixins/_off-canvas-arrow.scss b/scss/mixins/_off-canvas-arrow.scss
index 07180f3..47996a1 100644 (file)
--- a/scss/mixins/_off-canvas-arrow.scss
+++ b/scss/mixins/_off-canvas-arrow.scss
@@ -1,12 +1,12 @@
 @mixin off-canvas-arrow($direction: down, $color: white, $size: 20px) {
-  border-left: $size - 5 solid transparent;
-  border-right: $size - 5 solid transparent;
+  border-left: $size - 10 solid transparent;
+  border-right: $size - 10 solid transparent;
    @if $direction == 'up' {
-    border-bottom: $size solid $color;
+    border-bottom: $size - 5 solid $color;
     border-top: 0;
     // if width is not passed, or empty do this
    } @else {
-    border-top: $size solid $color;
+    border-top: $size - 5 solid $color;
     border-bottom: 0;
    }
 }