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

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


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.