Scrolling to content
Smooth scrolling is built into the theme, so any in-page link pointing to an element's ID or anchor will smoothly scroll to that element.
Example of an ID: our-team
Example of a link that scrolls to the respective element: #our-team
Please note:
Refer to the Theme settings › Layout › Scroll offset property if your section or element doesn't perfectly align with the top of the viewport after scrolling.
The following short videos show how to link and scroll to elements on the page.
Scrolling to a section
With this method you can scroll to the top of your section, no matter the top padding added to the section. Use a Section extra settings module where you can add a custom ID.
Scrolling to an element
This method uses a Rich text module and HubSpot's anchor tool. The video shows an empty paragraph added after the anchor — you can remove it from the source code pane by deleting the <p> </p> line. Note that after removing it, the module won't be visible in the page editor preview, so use the Contents sidebar on the left to find it.
Scrolling to a module
Most modules include a Wrapper › Identifiers › Custom ID field, which you can use as a scroll target.
Scrolling to the top of the page
There is a built-in #top anchor for scrolling to the top of the page — no custom ID needed.