Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Theme options - Header

Annie

Written by Annie

Last updated

424 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:

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

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