Header

Settings of this group allow you to manage the overall look and behavior of the header elements.

1. General

Here you can configure a default header style for "All Pages" on your site.

1.1 Header Style

Here you can select a header style from the list of Custom Headers Layouts.

Available Custom Header Layouts:

Header Style 01

The default header style has the logo and main menu on the left and language, phone number, book now button on the right.

Header Style 01

Header Style 02

Header style two has the logo and canvas menu on the left, book now button on the right.

Header Style 02

Header Style 03

Header style three has the logo and canvas menu on the left, book now button and language on the right.

Header Style 03

Header Style 04

Header style four has the logo centered and the canvas menu, language on the left, book now button on the right.

Header Style 04

Header Style 05

Header style five has the logo centered and the main menu, book now button on the right.

Header Style 05

Header Custom

A custom header is a header that you design and customize yourself

1.2 Header Float

To "Sticky Menu" behavior when scroll up, set "Header Overlay: Yes"

Sticky Header when scroll up

1.3 Overlay (Transparent) Header

The “Overlay Header” (also referred to as “Transparent Header) in NUSS allows you to position whatever is at the top of your page under the main header (which will be transparent) so you can create some cool unique layouts. This function can be enabled globally or on a per-post/page basis.

1.5. Customize Header Style and Topbar

To Custom Header Style, our theme support option to set it in Customize -> Header

Here, there are 3 options for customizing the header: Header Top; Header Main, and Header Bottom.

Note: These 3 options only work when you create a new header called My Custom in General -> Header type -> Custom

Header Top:

If you want to use the top bar to enter featured ad message content, you can enable it in the header top option -> Enable top bar

And here, you can customize the distance, color,... for it

Header Main

In this option, you can customize whatever you want on your header, you can customize the position of the logo, menu. Or you can customize the distance, image, and color,... for it

Header bottom

As a header main, you can customize whatever you want on your header, you can customize the position of the logo,.. Or you can customize the distance, image, and color,... for it

Note: If you use the default header of the theme or want to use the header that you have customized, go to Edit Page -> Page Option -> Header -> Header Type And select the header you want. If it's the header that you custom, choose Custom

You can watch a video tutorial on creating a header here: