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

Header background

Kalles - Top heading

Annie

Written by Annie

Last updated

1522 views

On this page


You can use top heading above any sections that doesn't have heading section. Or you don't want to use the heading design in each section, you can hide it and use this section instead.

11.png

From the Theme sections > Add section > Top Heading. Then you can move the top heading into any position you want.

1. Top heading content

1.1. Heading: Enter the content of the heading

12.png

1.2. Subheading: Enter the content of the subheading.

13.png

If you want to config the font style, colors, etc... for heading and subheading. Please check this document.

1.3. Icon

Source icon: This option allows you to choose to use the icon from Themes icon, Use image, Line awesome.

  • Options for themes icon:

15.png
  • Options for use image icon

16.png
  • Options for lineawesome icon

17.png

2. How to configure Top heading section?

18.png
  • Heading design: There are designs for the heading section.

  • Heading align: Align the title to the left, center, or right.

  • Please follow this guideline to config Layout, Background, Margin/Padding for the section.

🎁 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.