Jump to content

How to make a navigation parent with sub pages?

Recommended Posts

  • 5 weeks later...

I added a javascript code to make the Services menu which is a folder clickable ang linked to its /services page. But the problem is when on mobile, it won't allow me to click the Services link itself. It will only view the sub pages and I can't open /services page.

Link to comment
  • 5 months later...
On 5/17/2023 at 9:07 PM, jun2023 said:

Hi tuanphan,

Forgot to include it, this is the url https://www.pineapplecounseling.com/

In Squarespace, creating a navigation parent with sub-pages is a straightforward process. Here's a step-by-step guide to help you set up a navigation structure like the one you described:

  1. Log In to Squarespace:

    • Go to the Squarespace website and log in to your account.
  2. Access the Pages Panel:

    • Once you're logged in, navigate to the "Home" menu in the main navigation, and click on "Pages."
  3. Create a New Main Page (Parent):

    • Click on the "+" button to add a new page. Enter the title for your main page, which in this case is "Services." Set the URL slug (web address) to "/services."
  4. Create Sub-Pages:

    • After creating the "Services" page, click on it to open the editing panel. From there, you can create sub-pages.
    • To create a sub-page, click the "+" button next to the main page. Enter the title for the sub-page, for example, "Group Therapy." Set the URL slug (web address) to "/group-therapy."
    • Repeat the process to create another sub-page, such as "Individual Therapy."
  5. Adjust Page Order:

    • You can adjust the order of the pages by dragging and dropping them within the Pages panel. To create a hierarchy, place the sub-pages beneath the main "Services" page.
  6. Customize Navigation:

    • To make sure your navigation reflects the hierarchy you've created, go to the "Design" section in the main menu, click on "Site Styles," and then navigate to the "Main Navigation" section. Ensure that your navigation is set to display pages in a way that represents the hierarchy (either a dropdown or a sidebar, depending on your preference).
  7. Check Your Site:

    • Save your changes, and then preview your site to make sure the navigation appears as you intended. You should see "Services" as the main navigation item with "Group Therapy" and "Individual Therapy" as sub-pages.
  8. Linking Pages:

    • If you want to add direct links to the sub-pages on your main page, you can do so by using the "Link" option in the page editor. For example, you can create a section on the "Services" page and add links to "Group Therapy" and "Individual Therapy."

Remember to save your changes throughout the process, and don't forget to check how your site looks on different devices to ensure a responsive design. Squarespace is designed to be user-friendly, so feel free to explore and experiment with different design options to achieve the look and functionality you desire.

Link to comment
  • 1 month later...

Hi @tomlathim! I have the same challenge.. creating a parent page with children pages arranged under it. The only thing is when press "+" in the Pages menu, theres no such option as "Create a New Main Page (Parent)"... only page I can create is simply Blank Page or Page Layouts. None of those offer any option to set a Parent Page. Very strange.. one could imagine it would be only to drag-and-drop a page onto another page to make them into Parent/Child. But not. Only option I seem to have atm is to create a drop-down collection of sub-pages but that does not give me a Parent page, only a navigation title that hosts pages in a drop down.

Any ideas? Pleeez :)

Link to comment
  • 2 months later...
On 12/13/2023 at 4:59 PM, tomlathim said:

In Squarespace, creating a navigation parent with sub-pages is a straightforward process. Here's a step-by-step guide to help you set up a navigation structure like the one you described:

  1. Log In to Squarespace:

    • Go to the Squarespace website and log in to your account.
  2. Access the Pages Panel:

    • Once you're logged in, navigate to the "Home" menu in the main navigation, and click on "Pages."
  3. Create a New Main Page (Parent):

    • Click on the "+" button to add a new page. Enter the title for your main page, which in this case is "Services." Set the URL slug (web address) to "/services."
  4. Create Sub-Pages:

    • After creating the "Services" page, click on it to open the editing panel. From there, you can create sub-pages.
    • To create a sub-page, click the "+" button next to the main page. Enter the title for the sub-page, for example, "Group Therapy." Set the URL slug (web address) to "/group-therapy."
    • Repeat the process to create another sub-page, such as "Individual Therapy."
  5. Adjust Page Order:

    • You can adjust the order of the pages by dragging and dropping them within the Pages panel. To create a hierarchy, place the sub-pages beneath the main "Services" page.
  6. Customize Navigation:

    • To make sure your navigation reflects the hierarchy you've created, go to the "Design" section in the main menu, click on "Site Styles," and then navigate to the "Main Navigation" section. Ensure that your navigation is set to display pages in a way that represents the hierarchy (either a dropdown or a sidebar, depending on your preference).
  7. Check Your Site:

    • Save your changes, and then preview your site to make sure the navigation appears as you intended. You should see "Services" as the main navigation item with "Group Therapy" and "Individual Therapy" as sub-pages.
  8. Linking Pages:

    • If you want to add direct links to the sub-pages on your main page, you can do so by using the "Link" option in the page editor. For example, you can create a section on the "Services" page and add links to "Group Therapy" and "Individual Therapy."

Remember to save your changes throughout the process, and don't forget to check how your site looks on different devices to ensure a responsive design. Squarespace is designed to be user-friendly, so feel free to explore and experiment with different design options to achieve the look and functionality you desire.

There is no "Design" section that I can find. Is there something I am missing here? Where can I find this "Design" section?

Link to comment
On 3/28/2024 at 7:59 AM, spacekat said:

There is no "Design" section that I can find. Is there something I am missing here? Where can I find this "Design" section?

7.0: Website > Design

7.1: Access Edit Mode > Click Brush icon on right of screen

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.