Jump to content

How to add navigation in the header for a one page site

Recommended Posts

Posted (edited)

Hi - I have built a one page website (I'm not sure how to link to it here to show you as it's not live yet but this is the link I can see: https://accordion-synthesizer-tlf3.squarespace.com/config/. If a password is needed it's thinkaway.)

I can't for the life of me work out how to add links to the header menu/navigation. It looks like the navigation in the header section only links to pages, but my website isn't built using pages, it's one page, built with a few sections.

I've read this article on creating anchor links but it's not working for me: https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links#toc-step-1---add-a-code-block

I can't work out how to create the link in Step 2 as my site isn't yet live. Does it need to be live for anchor links to be created and for them to work?

Any help is greatly appreciated!

thanks all 

Edited by adrianclarknomia
  • Replies 5
  • Views 692
  • Created
  • Last Reply

Top Posters In This Topic

Posted (edited)

Hi there - thank you for your help. However, the first point under Step 1 doesn't work for me.

10 hours ago, Power_Tech22 said:

Identify the Section IDs

10 hours ago, Power_Tech22 said:

Step 1: Set Up Anchor Links

  1. Identify the Section IDs:

    • Each section you want to link to needs a unique ID. You can add an ID to your section by going to the section settings.
    • Click on the section you want to link to, select "Edit," then click on the "Advanced" tab. In the Section ID field, enter a unique name for that section, such as about, services, contact, etc.

I don't have any tab that says Advanced when I bring up the Edit box in a section (see screenshot).

SCR-20240923-jkit.png

thanks again for your help!

Edited by adrianclarknomia
Posted

Thank you @tuanphan for all your help. Can I show you the steps I have been taking to create the navigation links and maybe you could let me know if I'm doing this correctly?

First, I've added a code block at the top of each section to give the anchor a name, for example: 
image.thumb.png.2057934393480afccd1cd6e04fb814fa.png
 

Second, I have added links under Main Navigation in Pages:

image.thumb.png.20d7dd58a4a52131c57465fe31b71715.png

Here's how the links I've added now look:
image.thumb.png.4853d209e979693798a76157b6765f1d.png

With the above steps, the links in the Navigation in the heading still aren't working, so I know I'm doing something wrong!

Thanks again for your help 🙏

 

 

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.