How to make a navigation parent with sub pages?

I want to make the sample below:

Services [url: /services]

- Group therapy [url: /group-therapy]

- Individual therapy

Hi,

What is site url?

Hi tuanphan,

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

Hi tuanphan,

I already added the Services folder and a two sub pages but I want to redirect to its page /services when clicking on it but its only working on desktop view and not on mobile.

Which code did you add to enable services clickable? We can add mobile class name to this code

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.

Let me explain further.

On mobile:

I want to be able to click on "Services" text and link it to the /services page while clicking on the just the arrow will open the sub pages.

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.

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 :)

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?

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

On 6/23/2023 at 11:18 PM, jun2023 said:

Let me explain further.

On mobile:

I want to be able to click on "Services" text and link it to the /services page while clicking on the just the arrow will open the sub pages.

 

 

Follow this