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 803
  • 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

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

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.