Luna23

Hello squarespace community! How do I keep my secondary navigation bar active ? Currently it fades/disappears before I can click on any sub categories. I would like it to stay active so I can hover across the secondary options and click through. Any support appreciated. Thank you ! Luna This is my current CSS //* Header Hortizontal sub menu *// .header-nav .header-nav-item--folder .header-nav-folder-content{ top:3.5vw; width: 100%!important; position:fixed!important; background: #E3D5B5!important; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: -1; } .header-nav-folder-content{ display: flex; justify-content: center; } .header-nav-folder-item { margin-left: 1.5rem; margin-right: 1.5rem; } /*Nav Item Animated Line when hover*/ nav a:hover { background-size: 100% 2px overflow: visible !important; background-repeat: no-repeat !important; } nav a { padding-bottom: 6px; overflow: visible !important; background-repeat: no-repeat !important; background-image: linear-gradient(to right,currentColor 100%,currentColor 0) !important; background-size: 0% 2px !important; background-position: 0% 100% !important; white-space: initial; transition: all ease-in-out 500ms !important; -ms-transition: all ease-in-out 500ms !important; -moz-transition: all ease-in-out 500ms !important; -webkit-transition: all ease-in-out 500ms !important; } /*Transparent dropdown background */ .header-nav-folder-content { background: transparent !important; a { background: none !important; } } /*Nav Folder Dropdown Fade In*/ .header-nav-folder-content { transition: all 0.5s ease-in-out !important; } .header-nav-folder-content:hover { transition: all 0.5s ease-in-out !important; } /* Hover underline */ .header-nav-item.header-nav-item--folder:hover>a { background-size: 100% 2px !important; }