Clara Posted August 28, 2019 Share Posted August 28, 2019 Hey there, on my site I have a folder in the primary navigation that I would like to keep expanded when a user is currently viewing a page listed in that folder. I would like it to behave normally when a user is not currently viewing a page in that folder, aka be collapsed until a user hovers over it. I've tried a lot of fixes and cannot seem to find anything that works. Any leads here would help a lot. I'm using Hatch, part of the Brine family of templates. Link to comment
paul2009 Posted August 28, 2019 Share Posted August 28, 2019 We'd like to help but it is difficult to understand what you are asking. Please try to be more specific, and ensure you include a working link to the page on your site and the steps you’ve taken so far? If your site isn't live yet, please set a site password and tell us what it is. For more advice, read the forum guidelines About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
Clara Posted August 29, 2019 Author Share Posted August 29, 2019 Hey Paul, here's the site with some visual explanation: https://www.dropbox.com/s/bmcdw3vd9kaeskb/chicago%20%E2%80%94%20Ed%20Wonsek%20Artworks%20inc%20-%20Google%20Chrome%202019-08-28%2020-09-43.mp4?dl=0 Link to comment
Clara Posted August 29, 2019 Author Share Posted August 29, 2019 Solve for keeping the submenu/dropdown navigation open generally: .Header-nav-folder {left:0px;opacity:1;transform:none;} Link to comment
Clara Posted August 29, 2019 Author Share Posted August 29, 2019 Solve for keeping a submenu expanded only when on a page within that submenu: Expanding all submenus: collection-5d657c923cca420001ae38f .Header-nav-folder {left:0px;opacity:1;transform:none;} Expanding submenus in the Primary Nav only: collection-5d657c923cca420001ae38f .Header-nav--primary .Header-nav-folder {left:0px;opacity:1;transform:none;} Expanding submenus in the Secondary Nav only: collection-5d657c923cca420001ae38f .Header-nav--secondary .Header-nav-folder {left:0px;opacity:1;transform:none;} Each page has a unique collection id number. On the pages that you want the contents of the navigation submenu/dropdown to be expanded, just search that page's code for its collection number, it should look like " Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.