Header Layout

Author: admin 403 views

The header is probably one of the first things you will want to set up on your website. The header consists of a series of elements such as logo, navigation menu, social icons and contact information. The theme is provided with several options to customize the header and its content. All these elements, such as colors, fonts, images, etc. can be customized without touching any code.

Airent offers four different Header Layouts, each with its own design and set of options. Please follow the documentation below to learn more about header settings.

How select the header style

Navigate to Airent Options > Header Nav
Select Header Style: choose from Header v1, Header v2, Header v3, Header v4

Header Layout

Navigate to Airent Options > Header Nav
Select Layout and choose from:
1. Full width
2. Boxed
Select Navigation Align and choose from:
1. Left align
2. Right align
3. Center align (only for header v2)

Transparent header style

Below is an example of how you can setup the Transparent Header. The transparent header can be displayed on the homepage or inner pages, not listing pages, property detail page or archive pages.

To setup the transparent header edit a page, scroll down to the page bottom and find the Page Header Options box below to enable the transparent header.

Please note: It’s only work if the header v1 or v4 is selected.

Header social icons

Airent allows you to display your Social account in the header. The header social icons are available only for Header v1 and Header v3 and the Top bar.

Please note: On the Header v1 the social icons are visible only if you don’t activate the login/register buttons.