Skip to main content

How to link to a part of a page in NavBar

Linking to somewhere on the page (anchor links) is a bit fiddly. Here's how to make it work.

Jaromir Dolansky avatar
Written by Jaromir Dolansky
Updated over a week ago

Using block ID in Super

If you want to add a link from a Navbar or Menu, then you will need to use the Super URL and Block ID combination.

To link directly to a part of the page, you will need to find the block ID of the section you want to link to by using the developer tools and inspecting your Super site page's code.

  1. Open your Super site page in your browser

  2. Open the developer tools for the browser and use the web inspector to highlight the section of the page you want to link to.

  3. From the code inspector part of the developer tools, look for the id part of the code and copy the block-1230981238012938 sequence

Here I have selected the paragraph I want to link to and found the block ID in the highlighted line of code:

4. Then, make a full URL with that block ID using the URL of the page followed by the block ID with a # hash tag in front of it. Eg in this example the URL would be: https://super.so/#block-58b91a98a5b146e5a54791ac350ddbf9

NOTE: When using this function on a subpage (e.g., /about-us), make sure to include the page name in the URL path. For example:
​https://my-test-site-super.super.site/about-us/#block-2c5a50d5f2cc80bba01ac7cbf5da21b1

This ensures the link correctly targets the block on that subpage.

5. Go to your Super account>Navigation>Navbar>Add Item>Paste the URL with block ID>Save Changes.

6.Go to your Live Site and hit refresh button

Did this answer your question?