Section header

This setting allows you to globally configure the style and layout of section titles to ensure their display aligns with your design needs and brand style.

Feature Details

1. Content Alignment:

   • You can select the alignment for titles on the desktop. The options include left, center, and right alignment, allowing you to adjust based on the page layout requirements.

   • On mobile, titles will always remain center-aligned.

2. Title Size:

   • Four size options are available: small, medium, large, and extra-large. Choose the appropriate title size based on the section's importance or desired visual impact to ensure the title stands out on the page.

3. Title Uppercase:

   • Enabling this option will automatically convert the title text to uppercase, increasing visual emphasis. This is ideal for sections where you want the title to stand out.

4. Bottom Line Display:

   • When enabled, a line will appear beneath the title, visually separating the title from the content, adding more structure and depth to the section.

5. Button Arrow Display:

   • When enabled, an arrow icon will appear on buttons, helping users identify the button’s functionality and enhancing interactivity.

Usage Recommendations

• Visual Consistency:Adjust section title alignment, size, and uppercase settings uniformly according to your brand’s design style to maintain visual consistency across the page.

• Highlight Key Sections:Use title size and uppercase settings to make important sections more noticeable on the page.

• Enhance Readability:Utilize bottom lines and button arrow icons to improve the user's ability to recognize and interact with section content.