Merge pull request #2 from pixelant/siteHeaderWithMegaMenu

[TASK] Site header with mega menu + styling
pixelant · Nov 26, 2024 · 11bb899 · 11bb899
2 parents 6f69c91 + e7345ce
commit 11bb899
Show file tree

Hide file tree

Showing 9 changed files with 13,792 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/theme/css/custom.css b/theme/css/custom.css
@@ -1,4 +1,7 @@
 /* global custom CSS */
+:root {
+  --gap: 24px;
+}
 
 .hero-image-green-gradient-bg .heroimage-module__caption_wrp {
   background: linear-gradient(90deg, rgba(4,47,25,1) 0%, rgba(255,255,255,0) 100%);
@@ -96,10 +99,6 @@
 }
 
 .main-nav__list--dropdown {
-  min-width: 218px !important;
-  padding-bottom: 10px !important;
-  padding-top: 10px !important;
-  padding-left: 15px !important;
   text-transform: none;
 }
 
@@ -234,3 +233,15 @@
   text-decoration: none;
   text-transform: uppercase;
 }
+
+/* hover effect on all dropdown links */
+.main-nav__list-part .main-nav__list-item--lvl2 .main-nav__list-item-link:hover,
+.main-nav__list-part .main-nav__list-item--lvl2 .main-nav__list-item-link:focus {
+  text-decoration: underline !important;
+}
+
+/* special styling on 4th column - starter packs */
+.main-nav__list-part .main-nav__list-item--lvl2:nth-child(4) .main-nav__list-item-link {
+  text-decoration: underline !important;
+  font-weight: 700 !important;
+}