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

Header background

Theme options - Header

Annie

Written by Annie

Last updated

1122 views

On this page


Please go to The4 Dashboard > Theme Options > Header Option > General Settings to configure the settings for the header.

0.jpeg

1. Layout Settings

1.1. Header Layouts

There are totally 14 header designs. Let watch this video to know more.

1.2. Icon style

There are 3 styles for the icon: Lineawesome Icon, Pe 7 Stroke Icon, Kalles Icon.

1.3. Enable Header Sticky

Allows you to enable/disable sticky header option when you scroll both up and down

13.webp

Result:

1.4. Enable Header Transparent

You can enable this option to see the Header Transparent

15.png

Result:

16.jpeg

1.5. Enable Header Boxed

You can enable this option to see the Header Boxed

17.webp

Result:

18.png

1.6. Enable Menu Item Uppercase

Set your menu item’s case to uppercase.

19.png

Result:

191.png

1.7. Enable menu item arrow

Displaying the arrow to the right of the menu item.

192.png

Result:

193.jpeg

2. Logo Settings

2.1. Upload logo header

There are 3 options to upload logo:

  • Logo option: The logo uploaded will show on the header.

  • Logo Retina: The logo uploaded will show on high resolution screen devices.

  • Sticky Header Logo: The logo you uploaded will show on the header sticky.

2.2. Setup Width for Logo image

You can configure the width of the Logo image in this option

22.webp

3. Header Top Settings

3.1. Enable Header Top

You can turn On/ Off this button to Enable/ Disable the Header Top.

31.jpeg

Result:

32.jpeg

3.2. Content Header Top

There are 3 fields to add content to the header top: Left header content, Center promo text, Right header content. You can see on this video below.

3.3. Currency Convert

You can turn On/ Off the button below to Enable/ Disable the Currency convert.

34.jpg

Result:

35.jpeg

Note: You can add or remove a currency by going to The4 Dashboard > Currencies.

36.jpeg

4. Main Header Settings

  • Enable/ Disable the Search and My Account icons on the Header.

41.webp

Result:

42.jpeg
  • Enable search full screen

43.jpeg

Result:

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