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
The Section Header can be used over and over again on a page. It will help you to group related modules and keep your content organized.
This module also allows you to enter a unique ID. The purpose of this field is so that you can use this reference in an anchor link somewhere else on your page (e.g. in a Fixed Secondary Navigation, or in a CTA further up in the page). When the user clicks on the link, they will auto-magically be pulled down the page to your Section Header. Nifty, eh?
Make use of the Variable Padding options to better relate this module with others above or below, creating easy to visually navigate layouts.
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?
| v2.14.0 September 2024
- Section headers are center aligned on mobile.
- Added the option for small and x-small visual heading styles.
- Visual updates with new brand assets, removing blobs.
- Additional tagline field provided.