Luna23 Posted January 9 Share Posted January 9 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 Share Posted January 14 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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