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

Header background

Gecko - Top heading

Maria Do

Written by Maria Do

Last updated

603 views

On this page


If you don't want to use the heading design in each section, you can hide it and use this section instead. From the Theme sections > Add section > Top Heading

spaces_tdDF4h55NE3bVEDpck0F_uploads_qPOIsqJ9g3KmtmgA6Cc7_2023-01-11_15-34-36 (1).webp

1. Top heading content

1.1. Heading

  • Heading: Enter the content of the heading.

2023-01-11_15-41-35.gif

1.2. Subheading

  • Subheading: Enter the content of the subheading.

spaces_tdDF4h55NE3bVEDpck0F_uploads_chOlmMOqge89WzJfSvCk_2023-01-11_15-42-17.webp

1.3. Icon

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

2023-01-11_15-57-00.gif

OPTIONS FOR THEMES ICON

  • Select icon: There are many icons. You can select one of them.

  • Theme icon width (Unit: px): Enter the icon's width value.

OPTIONS FOR USE IMAGE ICON

  • Choose image: This option allows you to upload an Image.

  • Icon image width (Unit: px): Enter the image's width value.

OPTIONS FOR LINEAWESOME ICON

  • Enter name icon: You can go to LineAwesome > Search an icon > Click on the icon to copy its code > Paste it into this box the same as the image above.

  • Icon awesome font size (Unit: px): Enter the icon's width value.

  • Enable design icon awesome: Turn on this option to show the design of the icon awesome.

MARGIN BOTTOM

Helps you to change the Space bottom both on Mobile and Desktop.

Please follow this video below for details:

2. How to configure Top heading section?

  • Heading design: There are totally 14 heading designs.

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

  • Layout: You can choose between Container, Wrapped Container and Full width.

  • You can also choose Background color, Background gradient color for the layout.

  • Background image: It allows you to upload an image for the layout.

  • Margin, Padding: You are allowed to change both of them for mobile devices.

Please follow this video below for details:

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