Jump to content

Custom side-nav for a specific section

Recommended Posts

Hello! I am working on a section within a page that will require a "side-nav" type of feature. The content on the right side of the section will change based on the side-nav link that's selected (design screenshotted below). 


How should this be set up? I'm assuming it will require a bit of custom work, but I'm not really sure where to start. 


Link to comment

@chymer Hi! To implement the feature, you need to create four sections: the first one for the side navigation, and the next three sections associated with side navigation items. After that, you'll need quite a bit of custom code to adjust the layout based on the screenshot you shared and ensure that each of the last three sections is visible only when a corresponding navigation item from the sidebar is selected.

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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