Adds a reusable heading area with a title, supporting text, and optional navigation controls. Suitable for introducing sections and linking customers to related pages.
Heading: Adds the main section title.
Text: Adds supporting text or a description.
Slider button: Adds slider navigation and an optional View All link.
Setting | Description |
|---|---|
Enable row layout | Places heading content horizontally in one row. |
Text alignment | Aligns content left, center, or right. |
Spacing between items | Adjusts spacing between heading blocks. |
Margin bottom | Sets the space below the section heading. |
Setting | Description |
|---|---|
Heading / Text | Adds the main or supporting content. |
Hidden | Removes manual line breaks on mobile. |
Hidden on mobile | Hides the block on mobile devices. |
Size | Selects a preset or custom size. |
Text color | Sets the content color. |
Responsive font size | Sets separate sizes for desktop, tablet, and mobile. |
Font weight | Controls text thickness. |
Letter spacing | Adjusts spacing between characters. |
Setting | Description |
|---|---|
Navigation design | Selects the navigation-button style. |
Navigation size | Controls the button size. |
Navigation icon | Selects the navigation icon. |
Enable view all | Displays an additional View All link. |
Button label | Sets the View All button text. |
URL | Sets the button destination. |
Keep the heading short and descriptive.
Use supporting text only when it adds useful context.
Enable row layout when combining a heading with navigation controls.
Use a clear View All label linked to the relevant page.
Check alignment and font size on mobile.
Issue | Solution |
|---|---|
View All button is missing | Enable View all and add both a label and URL. |
Heading layout looks crowded | Disable row layout or reduce spacing and font size. |
Manual line breaks look incorrect on mobile | Enable Hidden |
Navigation buttons are not visible | Add the Section Heading to a supported slider section and check its navigation settings. |
Text is difficult to read | Adjust the text color and alignment. |