diff --git a/blocks/header-nav/header-nav.css b/blocks/header-nav/header-nav.css
index 9fea118..7ed4a57 100644
--- a/blocks/header-nav/header-nav.css
+++ b/blocks/header-nav/header-nav.css
@@ -1 +1 @@
-.megaMenuItem-megaMenuItem-1TT{font-size:16px}.submenu-submenu-iLX{background-color:#fff}.megaMenuItem-megaMenuItem-1TT:hover>a+.submenu-submenu-iLX{display:flex}.submenu-submenu-iLX{top:50px}.header-secondaryActions-2BM{margin:10px}.cartTrigger-trigger-1c5{min-width:3.5rem}.searchTrigger-root-3d1{transition-duration:224ms;transition-property:color;transition-timing-function:cubic-bezier(0,0,.2,1)}.onlineIndicator-root-1sd{--stroke:rgb(var(--venia-global-color-text));grid-area:primary}@media (min-width:640px){.onlineIndicator-root-1sd{grid-column:3/4}}@media (min-width:960px){.onlineIndicator-root-1sd{grid-column:2/3}}.header-logo-1Ey{height:var(--height);width:var(--width)}.header-loader-UiG,.header-loaderAfter-2qC,.header-loaderBefore-3Tj{--dot-size:2em;--dot-font-size:6px;--dot-shadow-offset:calc(var(--dot-size)*-1 + var(--dot-font-size));-webkit-animation:header-pulse-3EH 1.8s ease-in-out infinite;animation:header-pulse-3EH 1.8s ease-in-out infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;height:var(--dot-size);width:var(--dot-size)}.header-loader-UiG{-webkit-animation-delay:-.16s;animation-delay:-.16s;font-size:var(--dot-font-size);margin-top:var(--dot-shadow-offset);transform:translateZ(0)}.header-loaderAfter-2qC,.header-loaderBefore-3Tj{content:""}.header-loaderBefore-3Tj{-webkit-animation-delay:-.32s;animation-delay:-.32s}@-webkit-keyframes header-pulse-3EH{0%,80%,to{box-shadow:0 var(--dot-size) 0 -1.3em}40%{box-shadow:0 var(--dot-size) 0 0}}@keyframes header-pulse-3EH{0%,80%,to{box-shadow:0 var(--dot-size) 0 -1.3em}40%{box-shadow:0 var(--dot-size) 0 0}}.storeSwitcher-menu-FvS{transform:translate3d(0,-8px,0);transition-duration:192ms;transition-property:opacity,transform,visibility;transition-timing-function:var(--venia-global-anim-out);visibility:hidden}.storeSwitcher-menu_open-1o9{transform:translate3d(0,4px,0);transition-duration:224ms;transition-timing-function:var(--venia-global-anim-in);visibility:visible}@media (max-width:639px){.storeSwitcher-root-3oM:only-child{grid-column:2}.storeSwitcher-root-3oM:last-child .storeSwitcher-menu-FvS{left:auto;right:1rem}.storeSwitcher-menu-FvS{transform:translate3d(0,8px,0)}.storeSwitcher-menu_open-1o9{transform:translate3d(0,-4px,0)}}.currencySwitcher-menu-28d{transform:translate3d(0,8px,0);transition-duration:192ms;transition-property:opacity,transform,visibility;transition-timing-function:var(--venia-global-anim-out);visibility:hidden}@media (min-width:640px){.currencySwitcher-menu-28d{transform:translate3d(0,-8px,0)}}.currencySwitcher-menu_open-1ui{transform:translate3d(0,4px,0);transition-duration:224ms;transition-timing-function:var(--venia-global-anim-in);visibility:visible}.currencySwitcher-root-1S2:last-child:not(:only-child){grid-auto-flow:column;padding-left:0}.currencySwitcher-root-1S2:last-child:not(:only-child):before{border-left:1px solid rgb(var(--venia-global-color-border));content:"";height:1em;width:1rem}@media (max-width:639px){.currencySwitcher-root-1S2:only-child{grid-column:2}.currencySwitcher-root-1S2:last-child .currencySwitcher-menu-28d{left:auto;right:1rem}.currencySwitcher-menu_open-1ui{transform:translate3d(0,-4px,0)}}.megaMenuItem-megaMenuLink-2Rr{min-height:5rem}.megaMenuItem-megaMenuItem-1TT:focus .megaMenuItem-megaMenuLink-2Rr,.megaMenuItem-megaMenuItem-1TT:hover .megaMenuItem-megaMenuLink-2Rr{text-decoration:underline}.submenu-submenu-iLX{box-shadow:0 3px rgb(var(--venia-global-color-gray-100));top:45px}.submenu-submenu-iLX:before{box-shadow:inset 0 2px rgb(var(--venia-global-color-gray-100));content:"";height:10px;left:0;pointer-events:none;position:absolute;right:0;top:0}.navigation-root-1v3{grid-template-rows:auto 1fr auto;transform:translate3d(-100%,0,0);transition-duration:192ms;transition-property:opacity,transform,visibility;transition-timing-function:var(--venia-global-anim-out);visibility:hidden}.navigation-root_open-29x{transform:translateZ(0);transition-duration:384ms;transition-timing-function:var(--venia-global-anim-in);visibility:visible}.navigation-header-2E8{grid-auto-columns:3.5rem;grid-auto-rows:3.5rem;grid-template-columns:3.5rem 1fr 3.5rem}.navigation-body-36m{transition-duration:192ms;transition-property:opacity,visibility;transition-timing-function:var(--venia-global-anim-out);visibility:visible}.navigation-body_masked-2t0{transition-duration:384ms;transition-timing-function:var(--venia-global-anim-in);visibility:hidden}.navigation-modal-3rz{transform:translate3d(-100%,0,0);transition-duration:192ms;transition-property:opacity,transform,visibility;transition-timing-function:var(--venia-global-anim-out);visibility:hidden}.navigation-modal_open-2xW{transform:translateZ(0);transition-duration:384ms;transition-timing-function:var(--venia-global-anim-in);visibility:visible}.miniCart-root-3Wu{transform:translate3d(-50%,0,0);transition:opacity 192ms var(--venia-global-anim-out),visibility 192ms var(--venia-global-anim-out),left 0s 192ms;visibility:hidden;width:calc(100vw - 2rem)}.miniCart-root_open-1sp{transition:opacity 224ms var(--venia-global-anim-in),visibility 224ms var(--venia-global-anim-in),left 0s;visibility:visible}.miniCart-contents-1wD{box-shadow:0 1px 6px rgb(var(--venia-global-color-gray-900)/.2);min-height:20rem;transform:translate3d(0,-8px,0);transition-duration:192ms;transition-property:transform;transition-timing-function:var(--venia-global-anim-out)}.miniCart-contents_open-6sQ{transform:translate3d(0,4px,0);transition-duration:224ms;transition-timing-function:var(--venia-global-anim-in)}.miniCart-stockStatusMessageContainer-2dS:empty{display:none}.miniCart-body-3S-{min-height:10rem}.miniCart-price-1e6,.miniCart-quantity-N3D{transition-delay:64ms;transition-duration:384ms;transition-property:opacity;transition-timing-function:var(--venia-global-anim-standard)}.miniCart-footer-3RN{min-height:3rem}.miniCart-checkoutButton-3fk{grid-column:1/span 1}
\ No newline at end of file
+.megaMenuItem-megaMenuItem-1TT{font-size:16px}.submenu-submenu-iLX{background-color:#fff;display:none}.submenu-submenu-iLX.submenu-submenu_active-1Lj{display:block;position:static}.submenu-submenuItems-3rB{display:block}@media (width >= 900px){.submenu-submenu-iLX{position:absolute}.submenu-submenu-iLX.submenu-submenu_active-1Lj{display:initial}.megaMenuItem-megaMenuItem-1TT:hover>a+.submenu-submenu-iLX,.submenu-submenuItems-3rB{display:flex}}.submenu-submenu-iLX{top:50px}.header-secondaryActions-2BM{margin:10px}.cartTrigger-trigger-1c5{min-width:3.5rem}.searchTrigger-root-3d1{transition-duration:224ms;transition-property:color;transition-timing-function:cubic-bezier(0,0,.2,1)}.onlineIndicator-root-1sd{--stroke:rgb(var(--venia-global-color-text));grid-area:primary}@media (min-width:640px){.onlineIndicator-root-1sd{grid-column:3/4}}@media (min-width:960px){.onlineIndicator-root-1sd{grid-column:2/3}}.header-logo-1Ey{height:var(--height);width:var(--width)}.header-loader-UiG,.header-loaderAfter-2qC,.header-loaderBefore-3Tj{--dot-size:2em;--dot-font-size:6px;--dot-shadow-offset:calc(var(--dot-size)*-1 + var(--dot-font-size));-webkit-animation:header-pulse-3EH 1.8s ease-in-out infinite;animation:header-pulse-3EH 1.8s ease-in-out infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;height:var(--dot-size);width:var(--dot-size)}.header-loader-UiG{-webkit-animation-delay:-.16s;animation-delay:-.16s;font-size:var(--dot-font-size);margin-top:var(--dot-shadow-offset);transform:translateZ(0)}.header-loaderAfter-2qC,.header-loaderBefore-3Tj{content:""}.header-loaderBefore-3Tj{-webkit-animation-delay:-.32s;animation-delay:-.32s}@-webkit-keyframes header-pulse-3EH{0%,80%,to{box-shadow:0 var(--dot-size) 0 -1.3em}40%{box-shadow:0 var(--dot-size) 0 0}}@keyframes header-pulse-3EH{0%,80%,to{box-shadow:0 var(--dot-size) 0 -1.3em}40%{box-shadow:0 var(--dot-size) 0 0}}.storeSwitcher-menu-FvS{transform:translate3d(0,-8px,0);transition-duration:192ms;transition-property:opacity,transform,visibility;transition-timing-function:var(--venia-global-anim-out);visibility:hidden}.storeSwitcher-menu_open-1o9{transform:translate3d(0,4px,0);transition-duration:224ms;transition-timing-function:var(--venia-global-anim-in);visibility:visible}@media (max-width:639px){.storeSwitcher-root-3oM:only-child{grid-column:2}.storeSwitcher-root-3oM:last-child .storeSwitcher-menu-FvS{left:auto;right:1rem}.storeSwitcher-menu-FvS{transform:translate3d(0,8px,0)}.storeSwitcher-menu_open-1o9{transform:translate3d(0,-4px,0)}}.currencySwitcher-menu-28d{transform:translate3d(0,8px,0);transition-duration:192ms;transition-property:opacity,transform,visibility;transition-timing-function:var(--venia-global-anim-out);visibility:hidden}@media (min-width:640px){.currencySwitcher-menu-28d{transform:translate3d(0,-8px,0)}}.currencySwitcher-menu_open-1ui{transform:translate3d(0,4px,0);transition-duration:224ms;transition-timing-function:var(--venia-global-anim-in);visibility:visible}.currencySwitcher-root-1S2:last-child:not(:only-child){grid-auto-flow:column;padding-left:0}.currencySwitcher-root-1S2:last-child:not(:only-child):before{border-left:1px solid rgb(var(--venia-global-color-border));content:"";height:1em;width:1rem}@media (max-width:639px){.currencySwitcher-root-1S2:only-child{grid-column:2}.currencySwitcher-root-1S2:last-child .currencySwitcher-menu-28d{left:auto;right:1rem}.currencySwitcher-menu_open-1ui{transform:translate3d(0,-4px,0)}}.megaMenuItem-megaMenuLink-2Rr{min-height:5rem}.megaMenuItem-megaMenuItem-1TT:focus .megaMenuItem-megaMenuLink-2Rr,.megaMenuItem-megaMenuItem-1TT:hover .megaMenuItem-megaMenuLink-2Rr{text-decoration:underline}.submenu-submenu-iLX{box-shadow:0 3px rgb(var(--venia-global-color-gray-100));top:45px}.submenu-submenu-iLX:before{box-shadow:inset 0 2px rgb(var(--venia-global-color-gray-100));content:"";height:10px;left:0;pointer-events:none;position:absolute;right:0;top:0}.navigation-root-1v3{grid-template-rows:auto 1fr auto;transform:translate3d(-100%,0,0);transition-duration:192ms;transition-property:opacity,transform,visibility;transition-timing-function:var(--venia-global-anim-out);visibility:hidden}.navigation-root_open-29x{transform:translateZ(0);transition-duration:384ms;transition-timing-function:var(--venia-global-anim-in);visibility:visible}.navigation-header-2E8{grid-auto-columns:3.5rem;grid-auto-rows:3.5rem;grid-template-columns:3.5rem 1fr 3.5rem}.navigation-body-36m{transition-duration:192ms;transition-property:opacity,visibility;transition-timing-function:var(--venia-global-anim-out);visibility:visible}.navigation-body_masked-2t0{transition-duration:384ms;transition-timing-function:var(--venia-global-anim-in);visibility:hidden}.navigation-modal-3rz{transform:translate3d(-100%,0,0);transition-duration:192ms;transition-property:opacity,transform,visibility;transition-timing-function:var(--venia-global-anim-out);visibility:hidden}.navigation-modal_open-2xW{transform:translateZ(0);transition-duration:384ms;transition-timing-function:var(--venia-global-anim-in);visibility:visible}.miniCart-root-3Wu{transform:translate3d(-50%,0,0);transition:opacity 192ms var(--venia-global-anim-out),visibility 192ms var(--venia-global-anim-out),left 0s 192ms;visibility:hidden;width:calc(100vw - 2rem)}.miniCart-root_open-1sp{transition:opacity 224ms var(--venia-global-anim-in),visibility 224ms var(--venia-global-anim-in),left 0s;visibility:visible}.miniCart-contents-1wD{box-shadow:0 1px 6px rgb(var(--venia-global-color-gray-900)/.2);min-height:20rem;transform:translate3d(0,-8px,0);transition-duration:192ms;transition-property:transform;transition-timing-function:var(--venia-global-anim-out)}.miniCart-contents_open-6sQ{transform:translate3d(0,4px,0);transition-duration:224ms;transition-timing-function:var(--venia-global-anim-in)}.miniCart-stockStatusMessageContainer-2dS:empty{display:none}.miniCart-body-3S-{min-height:10rem}.miniCart-price-1e6,.miniCart-quantity-N3D{transition-delay:64ms;transition-duration:384ms;transition-property:opacity;transition-timing-function:var(--venia-global-anim-standard)}.miniCart-footer-3RN{min-height:3rem}.miniCart-checkoutButton-3fk{grid-column:1/span 1}
\ No newline at end of file
diff --git a/react-app/src/app/header-nav/index.css b/react-app/src/app/header-nav/index.css
index 4daa06a..c0d96a9 100644
--- a/react-app/src/app/header-nav/index.css
+++ b/react-app/src/app/header-nav/index.css
@@ -1,11 +1,41 @@
+/* body header nav .nav-sections{
+  display: block;
+  visibility: visible;
+}
+
+.megaMenu-megaMenu-HGZ.hidden{
+  display: block;
+} */
+
 .megaMenuItem-megaMenuItem-1TT{
   font-size: 16px;
 }
 .submenu-submenu-iLX {
   background-color: #fff;
+  display: none;
+}
+
+.submenu-submenu-iLX.submenu-submenu_active-1Lj {
+  display: block;
+  position: static;
 }
-.megaMenuItem-megaMenuItem-1TT:hover > a + .submenu-submenu-iLX {
-  display: flex;
+.submenu-submenuItems-3rB {
+  display: block;
+}
+
+@media (width >= 900px) {
+  .submenu-submenu-iLX{
+    position: absolute;
+  }
+  .submenu-submenu-iLX.submenu-submenu_active-1Lj {
+    display: initial;
+  }
+  .megaMenuItem-megaMenuItem-1TT:hover > a + .submenu-submenu-iLX {
+    display: flex;
+  }
+  .submenu-submenuItems-3rB {
+    display: flex;
+  }
 }
 
 .submenu-submenu-iLX{