Header
Header Area
Use this setting to enable/disable the Header Area.
Header Type
Use this option to select your header type.
Top Header
Header Full width?
Use this option if you want to expand the header to full width of the page.
Logo Position
Use this option to specify the position of the logo in the header area.
Header Color Scheme
Please select the color scheme for header.
- Light
- Dark
- Custom
Header Custom Color
Logo Color Scheme
Use this options to choose the dark or light version of the logo that will be displayed in the menu.
Logo Color Scheme (when Left Side menu is opened)
Use this option to choose the dark or light version of the logo that will be displayed in the opened Left Side menu.
Header Elements Color Scheme
Use this option to specify the color scheme for the header elements.
Main Menu Items Color
Use this option to select the color of the main menu items.
Main Menu Items Hover Color
Use this option to select the hover color of the main menu items.
Header Background Color
Use this option to select the color of the header background.
Bottom Border Color (only works for top header position)
Use this option to select the color of the header bottom border (this option apply only to the Top Header type).
Drop-down Font Color
Use this option to select the font color of menu items from the drop-down menu.
Drop-down Font Hover Color
Use this option to select the font color of the 'on hover' of the drop-down menu.
Drop-down Background Color
Use this option to select the color of the drop-down's background fill.
Drop-down Highlight Color
Use this option to select the color of the background of menu items on hover from the drop-down menu.
Header Behavior
Use this option to select the header area behavior when scrolling the page.
- Regular
- Sticky
- Shrink
- Slide Up/Down while Scrolling
Header Behavior / Regular
Header Height
Use this option to specify the header area height in pixels.
Header Background Opacity
Use this option to specify the header background opacity.
Header Bottom Border
Use this option to select the way how Header Bottom Border is displayed.
Menu Items Alignment
Use this option to align menu items.
Link Behavior
Use this option to specify behavior of the link on hover.
Drop-down Menu Arrow
Use this option to enable/disable drop-down menu arrow. Enabled by default.
Social Icons
Use this option to display social icons in the header area.
Search Icon
Use this option to display search icon in the header area.
Header Behavior / Sticky
Header Height
Use this option to specify the header area height in pixels.
Header Background Opacity
Use this option to specify the header background opacity.
Header Bottom Border
Use this option to select the way how Header Bottom Border is displayed.
Menu Items Alignment
Use this option to align menu items.
Link Behavior
Use this option to specify behavior of the link on hover.
Drop-down Menu Arrow
Use this option to enable/disable drop-down menu arrow. Enabled by default.
Social Icons
Use this option to display social icons in the header area.
Search Icon
Use this option to display search icon in the header area.
Header Behavior / Shrink
Header Height
Use this option to specify the header area height in pixels.
Shrink Height
Use this option to specify the shrink header height in pixels.
Header Background Opacity
Use this option to specify the header background opacity.
Header Bottom Border
Use this option to select the way how Header Bottom Border is displayed.
Menu Items Alignment
Use this option to align menu items.
Link Behavior
Use this option to specify behavior of the link on hover.
Drop-down Menu Arrow
Use this option to enable/disable drop-down menu arrow. Enabled by default.
Social Icons
Use this option to display social icons in the header area.
Search Icon
Use this option to display search icon in the header area. Specify the header area height in pixels.
Header Behavior / Slide Up/Down while Scrolling
Header Height
Use this option to specify the header area height in pixels.
Header Background Opacity
Use this option to specify the header background opacity.
Header Bottom Border
Use this option to select the way how Header Bottom Border is displayed.
Menu Items Alignment
Use this option to align menu items.
Link Behavior
Use this option to specify behavior of the link on hover.
Drop-down Menu Arrow
Use this option to enable/disable drop-down menu arrow. Enabled by default.
Social Icons
Use this option to display social icons in the header area.
Search Icon
Use this option to display search icon in the header area.
Menu Items
Main Menu Items
Use this option to set up the font and size of menu items.
Drop-down Menu Items
Use this option to set the font and size of the drop-down menu items.
Left Side Menu
Header Behaviour
Use this option to select the behavior of the header area.
- Sliding from Left
- Fixed Left
Sliding from Left
Logo Offset X
Use this option to offset the logo on the left side.
Hide Logo on Scroll
Use this option to hide the logo by sliding up/down while scrolling the page.
Menu Panel Width
Use this option to specify the menu panel width in pixels.
Header Color Scheme
Use this option to select the color scheme for header.
- Light
- Dark
- Custom
Menu Items Interaction
Use this option to animate menu items. When you hover over the menu items, they slide to the right.
- None
- Slide to Right
Menu Items
Main Menu Items
Use this option to set up the font and size of menu items.
Drop-down Menu Items
Use this option to set the font and size of the drop-down menu items.
Fixed Left
Logo Offset X
Use this option to offset the logo on the left side.
Hide Logo on Scroll
Use this option to hide the logo by sliding up/down while scrolling the page.
Menu Panel Width
Use this option to specify the menu panel width in pixels.
Header Color Scheme
Use this option to select the color scheme for header.
- Light
- Dark
- Custom
Link Behavior
Use this option to specify behavior of the link on hover. Note! This option does not work when the menu items interaction (left side menu / slide from left ) is on.
Menu Items
Main Menu Items
Use this option to set up the font and size of menu items.
Drop-down Menu Items
Use this option to set the font and size of the drop-down menu items.