Luna23 Posted January 9, 2023 Share Posted January 9, 2023 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; } Link to comment
tuanphan Posted January 14, 2023 Share Posted January 14, 2023 Hi, What is your site url? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment