Header

Use the settings provided in this global section to customize the Header.

Theme settings -> Header

Note: The header options mentioned below are available on the desktop view.

TOP SPACING

Set the top offset from 0 to 100px.

TRANSPARENT HEADER

Avoid using the transparent header option with tile-type and vertical menu-type headers, as it may not function correctly.

Transparent header works on the home page.

When enabled, the following options are available for this header type:

  • Image: To achieve a smooth transition for your sticky header, use the same logo size as your main logo

  • Svg code: Use instead of an image. SVG should have width and height attributes.

  • Logo width

  • Content

  • Content hover

Here's an example to demonstrate the functionality of different options:

BOTTOM LINE

Select the color for the bottom line here.

COUNTER

  • Counter

  • Counter hover

  • Counter text

  • Counter text hover

INPUT

  • Background

  • Border

  • Text

  • icon

  • Background hover

  • Border hover

  • Outline hover

  • Text hover

  • Icon hover

HEADER SHADOW

  • Enable shadow: if the shadow option is enabled the below options will be seen

  • Shadow

  • Horizontal length

  • Vertical length

  • Blur radius

  • Opacity

PreviousStylesNextHeader Mobile

Last updated