Next Section (arrow)

act-theme-next-section-arrows

If you add a Horizontal Spacer module with the class next-section before a Content Section, it will smoothly scroll to that section on click.

Additionally, you can add a complementary class next-section-accent to display the arrow in a circle, with your theme's accent color:

next-section next-section-accent

The arrow will be automatically positioned above the next Content Section, so that it overlaps the previous section. If you want to remove this behavior, you can use the complementary class keep-position, like this:

next-section keep-position

- or -

next-section next-section-accent keep-position

Example of Next Sections in Design Manager:

act-theme-next-sections

HubSpot User Guides

You can explore and learn more about the HubSpot tools and features in the official HubSpot Academy.

HubSpot Academy | User Guides