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 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? 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.