Jump to content

Brine: Keeping navigation menu expanded when viewing a sub-page?

Recommended Posts

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
  • Replies 4
  • Views 858
  • Created
  • Last Reply

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

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

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.