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

Header background

Ecomus - Top heading

Annie

Written by Annie

Last updated

799 views

On this page


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

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

1. Top heading content

In Top heading, you can fill in the content for Heading, Subheading and choose heading font size for them.

2024-01-17_13-24-59.png

Heading has the size from base, H1 - H6.

2024-01-24_15-13-08.png

and SubHeading has the size from base, H4 - H6

2024-01-24_15-14-36.png

2. How to configure the Top heading section?

  • Spacing between items: choose the spacing between the heading and subheading.

  • Enable section full-width: Make the Top heading 100% of the screen width.

  • Color scheme: Change the colors of the section by the configured scheme color, learn more here.

  • Section padding: Determine the top, bottom padding on both desktop and mobile.

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