Mobile Devices
Header on Mobile Devices
Mobile Header Layout
Choose the mobile header layout.
Upload Your Mobile Logo
Upload your mobile logo image.
Logo Mobile Height
Enter the height of the logo.
Mobile Header Behavior
Use this option to select the mobile header area behavior when scrolling the page.
- Scrolled w/ content
- Sticky
- Slide Up/Down while Scrolling
Mobile Header Color Scheme
Please select your mobile header color scheme.
- Light
- Dark
Mobile Header Background Opacity
Use this option to specify the mobile header background opacity.
Mobile Menu Panel
Mobile Menu Panel Behavior
Use this setting in order to choose the behavior of Mobile Menu Panel.
- Slidng From Left
- Sliding From Right
- FadeIn
Cascading Animation of Menu Items
Use this setting in order to make the cascading animation of menu items (one after another).
Mobile Menu Items Position
Use this setting in order to indicate the verical position of menu items.
- Top
- Middle
Mobile Menu Items Alignment
Use this setting to align menu items.
- Left
- Center
- Right
Dividers Between Menu Items
Use this setting in order to Enable/Disable dividers lines between mobile menu items.
Expand/Collapse Sub-menu by Touching?
This setting makes the upper menu item (which has sub-menu) responsive to the touch, expand/collapse sub-menu items.
Main Menu & Submenu Display at Once
Using this option you can specify that the submenu items will be displayed immediately when the menu is opened.
Mobile Menu Items
Set up the font, size of mobile menu items.
Mobile Menu Items Spacing
Drag the slider to set up the distance between the mobile menu items.
Mobile Sub-menu Items Font
Set up the font, size of mobile sub-menu items.
Mobile Sub-menu Items Spacing
Drag the slider to set up the distance between the mobile sub-menu items.
Additional Elements
Position of Additional Elements
Use this option in order to set the vertical position of such additional elements as text, social icons and search. The value Default means that Additional Elements will be displayed right after menu items, under them.
- Default
- At Bottom
Text Block
Use this field if you need to add some text. Basic HTML tags supported.
Social Icons
Use this options to enable/disable the Social Icons.
Search Bar
Use this option to enable/disable the search bar.
Back to Top Button
Back to Top Button
Using this option you can enable/disable Back to Top Button on mobile view.
Back to Top Button Style
Choose the button style. When you press the "Back to Top" button, the page scrolls itself up to the very beginning.
Button Color
Choose a color for Back to Top button.
Color Arrow
Use this option to set the color of arrow of Back to Top button.
- Light
- Dark
Button Opacity
Use this option to set the opacity of Back to Top button.
Button Shadow
Using this option you can enable/disable Back to Top Button shadow on mobile view.