Header Mobile

Theme settings -> Header mobile

Note: The header options mentioned below are accessible in mobile view.

Top spacing

Set the top offset from 0 to 60px.

Transparent header

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

Counter:

  • Counter

  • Counter text

Header shadow mobile

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

  • Shadow

  • Horizontal length

  • Vertical length

  • Blur radius

  • Opacity

Colors

  • Base

  • Accent

  • Lines

  • Background

Menu drawer

Colors for all sections in the mobile drawer: Contacts, Languages, User Icons, Currencies, etc.

Below are some applied options you can observe:

  • Background

  • Main menu

  • Main menu icon

User icons

  • Counter

  • Counter text

Contacts content

  • Heading

  • Icon

  • Phone

  • Text

  • Social main

Contacts support chat link

  • Icon

  • Heading

  • Text

Language, Currency selector

  • Background

  • Border

  • Text

  • icon

  • Background hover

  • Border hover

  • Outline hover

  • Text hover

  • Icon hover

Language, Currency submenu

  • Link

  • Link active

  • Background

  • Shadow

PreviousHeaderNextButtons Colors

Last updated