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:

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: