Cosmetic changes

hlxsites · Feb 14, 2025 · c8fd65d · c8fd65d
1 parent 293e7c6
commit c8fd65d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/blocks/header/header.css b/blocks/header/header.css
@@ -593,6 +593,12 @@ header nav .nav-sections .active-submenu {
     margin-right: .5em;
   }
 
+  header nav .nav-sections .active-submenu button::after {
+    content: '✕';
+    position: absolute;
+    right: 3em;
+  }
+
   header nav .nav-sections .active-submenu button {
     background: none;
     border: 0;
@@ -602,12 +608,7 @@ header nav .nav-sections .active-submenu {
     padding: 0 2em 1em;
     position: relative;
     text-align: left;
-    width: 120%;
-  }
-
-  header nav .nav-sections .active-submenu span.back {
-    position: fixed;
-    right: 2em;
+    width: 117%;
   }
 
   header nav .nav-sections .active-submenu ul > li.nav-drop::after {

diff --git a/blocks/header/header.js b/blocks/header/header.js
@@ -121,7 +121,7 @@ function toggleMenu(nav, navSections, forceExpanded = null) {
 const activeSubmenu = document.createElement('div');
 activeSubmenu.classList.add('active-submenu');
 activeSubmenu.innerHTML = `
-    <button>All Categories<span class="back">✕</span></button>
+    <button>All Categories</button>
     <h6>Title</h6><ul><li class="nav-drop"></li></ul>
 `;