1 files changed, 29 insertions, 0 deletions
diff --git a/src/scss/custom/_header.scss b/src/scss/custom/_header.scss
index 5b1e012..25ae9cd 100644
--- a/src/scss/custom/_header.scss
+++ b/src/scss/custom/_header.scss
@@ -5,6 +5,27 @@
     display: none;
 }
 
+.nav__toggle {
+    position: absolute;
+    cursor: pointer;
+    margin: 0 1rem;
+    right: 0;
+}
+
+.nav__toggle svg {
+    width: 1rem;
+    fill: white;
+}
+
+.nav__toggle .close {
+    display: none;
+}
+
+.nav__toggle .close,
+.nav__toggle .menu {
+    margin: 1rem auto;
+}
+
 label[for=navbar-toggle-cbox] {
     cursor: pointer;
 }
@@ -13,6 +34,14 @@ label[for=navbar-toggle-cbox] {
     display: block;
 }
 
+#navbar-toggle-cbox:checked ~ .navbar-brand label.nav__toggle svg.close {
+    display: block;
+}
+
+#navbar-toggle-cbox:checked ~ .navbar-brand label.nav__toggle svg.menu {
+    display: none;
+}
+
 /*- ----------- End Menu Mobile sin JS ------------- */
 /* navigation */