Next Section (arrow)
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:
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:
- or -
next-section next-section-accent keep-position
Example of Next Sections in Design Manager:
You can explore and learn more about the HubSpot tools and features in the official HubSpot Academy.