diff --git a/cl-theme/static/css/style.css b/cl-theme/static/css/style.css
index 3d823a8..b3639ff 100644
--- a/cl-theme/static/css/style.css
+++ b/cl-theme/static/css/style.css
@@ -2,7 +2,7 @@
* bulma css framework (github.com/jgthms | bulma.io)
* Author: jeremy thomas
* Author: jesus e.
- * Version: 2.0.1
+ * Version: 2.0.2
* Licensed under MIT (https://github.com/jgthms/bulma/blob/master/LICENSE)
*/
/* basic formatting changes (mostly to cater for darker colours) */
@@ -48,6 +48,27 @@ body, input, textarea, .button {
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;
}
@@ -56,6 +77,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 */
.navbar {
@@ -715,6 +744,18 @@ dt:hover > a.headerlink {
}
}
+@media only screen and (min-width: 1087px) {
+ .nav__toggle {
+ display: none;
+ }
+ .nav__menu {
+ flex-direction: row;
+ }
+ .nav__menu li {
+ display: block;
+ }
+}
+
@media screen and (max-width: 600px) {
.main-content {
padding: 0rem;
diff --git a/cl-theme/templates/base.html b/cl-theme/templates/base.html
index 483d35f..da7ce1d 100644
--- a/cl-theme/templates/base.html
+++ b/cl-theme/templates/base.html
@@ -45,7 +45,7 @@
-
+
@@ -68,12 +68,20 @@
{{ SITENAME_SINGLE }}
-
-