Important! This documentation is old, and a lot has changed in HubSpot since we released Act version 1. If you are still using Act version 1 we recommend saving these pages for later reference. This documentation will be deleted soon.

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