Improve mobile navigation

ejoweb · Apr 27, 2024 · 20865b8 · 20865b8
1 parent a078a94
commit 20865b8
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/style.css b/style.css
@@ -86,6 +86,10 @@ h6.has-background {
     text-decoration-thickness: 2px;
 }
 
+.wp-block-navigation .wp-block-navigation__container {
+    row-gap: var(--wp--preset--spacing--30);
+}
+
 /* Submenu */
 .wp-block-navigation .wp-block-navigation__submenu-container {
     border: 0px !important;
@@ -108,6 +112,18 @@ h6.has-background {
     padding: 0.375em 0.625em;
 }
 
+/* Mobile - toggle */
+.wp-block-navigation__responsive-container-open svg {
+    height: 2rem;
+    width: 2rem;
+}
+
+/* Mobile - container */
+ .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
+    background-color: var(--wp--preset--color--primary);
+    color: var(--wp--preset--color--base);
+ }
+
 /* -------------------------------- CONTEXT -------------------------------- */
 
 /**