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 813
  • 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'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and 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 free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

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


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.