Similar Modules
Rich Text
Looking for flexibility? Rich Text can stack all your content!
Module Preview
Module Preview
FAQ's
How To Use This Module
With the Section Header module you can introduce multiple content sections on a page with a unique title and optional description. This helps to visually separate your content, making it easier to digest for the viewer.
Use Cases
Heading and Description
Add a main heading with configurable semantic level (h1-h6) and visual style (large, medium, small, x-small), plus an optional rich-text description.
Tagline Support
Display a tagline above the heading using the Component Library tagline component.
Content Alignment
Choose between center-aligned or left-aligned content. On mobile, content is always center-aligned.
Divider Graphics
Add an optional divider image or brand graphic above the heading to visually separate sections.
Anchor Links
Specify a custom anchor ID for deep linking to sections of the page.
Get on-brand assets for your module
Guidelines
Character Count
- Tagline recommended maximum character count is 60
- Recommended header character count is ~65 characters
- Recommended description character count ~150
Image Sizing
- If 'Divider Type: Image' is selected, then a small short image will work best as a divider. For example, our own divider image is 340px width by 55px height in dimension. Use good judgement.
Things to Know
- Optional: tagline, description, ID, divider
- You can specify the header element type of H2 (default) or H3 - this adjusts the sizing, illustrating importance and affects the semantic structure of the page, impacting SEO
- ID should be unique on the page, and should not include spaces or other special characters. E.g. section-A-id
- The Brand Graphic divider should be used sparingly (if you have many Section Headers on your page) — but adds a nice pop of color
What's New?
| v4.1.0 October 2025
- Introduced the Content alignment selector with “left” and “center” as options. (Defaults to center)
| v2.14.0 September 2024
- Section headers are center aligned on mobile.
- Added the option for small and x-small visual heading styles.