Article sections

    Disable Header Area?

    Use this setting to enable / disable the Header Area.

    Logo Settings

    Logo Height

    Use this setting to enter the height of the logo.

    Logo Style

    Use this setting to choose the dark or light version of the logo that will be displayed in the Header Area.

    Logo Style (when Header Area is opened)

    Use this setting to choose dark or light version of the logo that will be displayed in the opened Header Area.
    (This setting is available in the Sliding Top Menu and Fullscreen Menu)

    Sticky Header Layout

    alt text
    alt text

    Sticky Header Layout Options

    Full Width Header

    Use this setting if you want to expand the header to full width of the page.

    Header Height

    Use this setting to enter header height in pixels.

    Menu Items Position

    Use this setting to choose a menu items position (left, center or right alignment). Does not work when column view of menu items.

    Header Background

    Use this setting to enable / disable the background in a header area.

    Header Background Color

    Use this setting to choose a background color for header area.

    Header Bottom Border

    Use this setting to select the way how Header Bottom Border is displayed.

    alt text

    Header Bottom Border Color

    Use this setting to choose a color for Header Bottom Border.

    Transparent Header appear (global)

    Use this setting to enable / disable the Transparent Header Area. Transparent Header Area background will appear after scrolling the page. Works with Sticky Header.

    Header Background Appear After (N-px)

    Enter pixel value resulting a header area background color during scrolling. Works with header area while scrolling process.

    Hide Header Bottom Border (Line/Shadow)?

    Use this setting to hide a shadow or a line in the Header Area until the Header Area background will appear after scrolling the page.

    Menu Widget

    Use this setting to enable / disable the widget on the right side of the header area.

    Header Widget Text Color

    Use this setting to choose a text color for Widget in the Header area.

    Widget Divider

    Use this setting to enable / disable the separating line near Header Widget.

    Header Divider Line Color

    Use this setting to choose a color for Header Divider Line.

    Fullscreen Menu / Widget Position

    Use this setting to select the widget position.

    Classic Header Layout

    alt text
    alt text

    Classic Header Layout Options

    Full Width Header

    Use this setting if you want to expand the header to full width of the page.

    Header Height

    Use this setting to enter header height in pixels.

    Enable column view of menu items?

    Use this setting to enable / disable column view of menu items. You can place up to 4 adjacent columns in the header area.

    Menu Items Position

    Use this setting to choose a menu items position (left, center or right alignment). Does not work when column view of menu items.

    Header Background

    Use this setting to enable / disable the background in a header area.

    Header Background Color

    Use this setting to choose a background color for header area.

    Header Bottom Border

    Use this setting to select the way how Header Bottom Border is displayed.

    alt text

    Header Bottom Border Color

    Use this setting to choose a color for Header Bottom Border.

    Menu Widget

    Use this setting to enable / disable the widget on the right side of the header area.

    Header Widget Text Color

    Use this setting to choose a text color for Widget in the Header area.

    Widget Divider

    Use this setting to enable / disable the separating line near Header Widget.

    Header Divider Line Color

    Use this setting to choose a color for Header Divider Line.

    Fullscreen Menu / Widget Position

    Use this setting to select the widget position.

    Sliding Top Menu

    alt text
    alt text

    Sliding Top Menu Options

    Full Width Header

    Use this setting if you want to expand the header to full width of the page.

    Header Height

    Use this setting to enter header height in pixels.

    Enable column view of menu items?

    Use this setting to enable / disable column view of menu items. You can place up to 4 adjacent columns in the header area.

    Menu Items Position

    Use this setting to choose a menu items position (left, center or right alignment). Does not work when column view of menu items.

    Header Background Color

    Use this setting to choose a background color for header area.

    Header Bottom Border

    Use this setting to select the way how Header Bottom Border is displayed.

    alt text

    Header Bottom Border Color

    Use this setting to choose a color for Header Bottom Border.

    Lower a little down the contents of the page?

    Use this setting to lower a little down the contents of the page, when Header Area is opened.

    Enable Content Overlapping?

    Using this setting you can enable / disable page content overlapping while the Header Area is opened.

    Menu Widget

    Use this setting to enable / disable the widget on the right side of the header area.

    Header Widget Text Color

    Use this setting to choose a text color for Widget in the Header area.

    Widget Divider

    Use this setting to enable / disable the separating line near Header Widget.

    Header Divider Line Color

    Use this setting to choose a color for Header Divider Line.

    Fullscreen Menu / Widget Position

    Use this setting to select the widget position.

    Fullscreen Menu

    alt text
    alt text

    Fullscreen Menu Options

    Full Width Header

    Use this setting if you want to expand the header to full width of the page.

    Menu Items Position

    Choose a menu items position (left, center or right alignment). Does not work when column view of menu items.

    Header Background Color

    Choose a background color for header area.

    Enable Menu Items Inline?

    Use this setting you can place the menu items one by one in a line.

    Menu Widget

    Use this setting to enable / disable the widget on the right side of the header area.

    Header Widget Text Color

    Choose a text color for Widget in the Header area.

    Widget Divider

    Use this setting to enable / disable the separating line near Header Widget.

    Header Divider Color

    Choose a color for Header Divider.

    Fullscreen Menu / Widget Position

    Select the widget position.

    Header Elements

    Header Icons Style

    Use this setting to choose dark or light version of Header Icons in the Header Area.

    Hamburger Icon Type

    Use this setting to choosee the Hamburger Icon with the word MENU or without it.

    alt text | alt text

    Header Icons Hover Color

    Use this setting to set the color for the Header Icons (Hamburger, Shopping Cart, Search).

    Header Search Icon

    Use this setting to enable / disable the Search Icon in the Header Area.

    Enable Bottom Layer under the Header Icon?

    Use this setting to enable / disable the bottom layer under the Header Icon in Header Area.

    Header Icon Background Color

    Use this setting to choose a color for Header Icon Background.

    Header Icon Background Opacity

    Drag the slider to set the measure of transparency of Header Icon Background.

    Header Social Networks

    Social Icons Position

    Use this option to define the position for social icons.

    alt text
    • Disable
    • Menu – Inline – social icons will be displayed in line with the menu items, right after them.
    • Menu – Right Side – social icons will be displayed in the menu area on the right side of the screen. This setting will only work if the menu items are located on the left side.
    • Widget – social icons will be displayed in the widget area under the text.

    Social Icons Height

    Use this setting to set the Social Icons Height.

    Social Icons Spacing

    Use this setting to set the spacing between the Social Icons.

    Header Social Icons Color

    Use this setting to choose a color for Header Social Icons.

    Header on Mobile Devices

    Mobile Search Bar

    Use this setting to enable / disable the Search Bar in the mobile version of the menu.

    Header Social Icons

    Use this setting to enable / disable the Header Social Icons in the mobile version of Header.

    in Theme Options
    Did this article answer your question?