SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Section heading

Eira

Written by Eira

Last updated

49 views

On this page


Choose a heading that aligns with your brand’s tone and message to build trust and engagement.

1. Section heading

  • Enable Row Layout to align your content horizontally for a clean and structured design.

  • Text alignment: Choose how your testimonials are aligned for the best visual impact. Center alignment creates a balanced look, while left or right alignment can match your overall design style.

  • Spacing between items: Adjust the spacing between items to create the perfect flow

  • Margin bottom: Set the bottom margin to control the spacing between the heading and the section

section heading 1.png

2. Blocks

2.1. Heading

  • Heading: Define the main title that represents your content or section. Make it engaging and relevant.

  • Hidden <br> on mobile: Remove unnecessary line breaks on mobile devices

  • Hidden on mobile: Choose whether to hide the heading completely on mobile devices for a streamlined display.

    Choose "Custom size inline" to freely adjust the size in the Custom Size Options section.

  • Size: Adjust the overall heading size to fit the design aesthetics of your store.

  • Text Color: Customize the heading color to align with your brand identity and improve readability.

  • Font size (Desktop/Tablet/Mobile): Set different font sizes for each device type to ensure a responsive and visually appealing layout.

  • Font weight: Control the thickness of the heading text

  • Letter spacing (in pixel): Adjust the space between letters to enhance readability and design precision.

heading.png

2.2. Text

You can customize the Text just like the heading.

section heading 2.png

2.3. Slider button

  • Navigation design: Choose the style of navigation that best suits your store’s aesthetic and enhances user experience.

  • Navigation size: Adjust the size of the navigation elements to ensure optimal visibility and usability.

  • Navigation icon: Select an icon that complements the navigation style and makes it more intuitive for users.

  • Enable view all: Turn on this option to allow customers to see the full collection or category at once.

  • Button label: Enter a clear and engaging call-to-action text for the navigation button.

  • URL: Provide the destination link for the navigation button to direct customers to the relevant page.

section heading 3.png

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.