Menu
Index
 

Menu Tab

 
Menu Tab
1

Suggest Menu

1. Suggest Menu
It will suggest you a new design of Menu on every click.
2

Menu Position

2. Menu Position
This option provides the various Menu positions such as Menu Above Header, Menu Below Header, Menu Inside Header or No Menu.
3

Height

3. Height
Users have full control on Menu height. A user can choose the height from given values or can apply a custom height according to the requirement from More option.
4

Width

4. Width
Set the menu width according to your design.
Full Width means Menu width is equal to your browser window. 
Equal To Page Width means the Menu width will be equal to your page layout.
Custom Width option will let you to resize the Menu width according to your requirements.
5

Border

5. Border
Designs the border of Menu. You can customize the border from different options available.     More.
6

Margin

6. Margin
This button is used to set the Menu margin. You can customize the margin from different sides i.e. top, left, right and bottom.
7

Color

7. Color
Choose this option to change the color of your Menu design.
 
No Color:
Select this option to apply transparent background.
 
More Color:    
Select this option to use wide range of color collection available in Color Picker.     More..
8

Gradient

8. Gradient
Use this option to apply gradient effect to the Menu design.
 
More: 
Select this option to apply advanced gradient effects.     More..
 
9

Image

9. Image
Select this option to apply background image to the Menu design.
 
More: 
Select this option to Browse an image and modify image settings according to your requirement.     More..
10

Texture

10. Texture
Use this option to apply texture effect to the Menu design.
 
More:
Select this option to modify texture settings according to your requirement.     More..
11

Effects

11. Effects
Select this option to apply effects on Menu background.
 
More:
Select this option to modify transparency setting according to your requirement.     More..
12

Shadow

12. Shadow
Select the option to apply shadow effect to your Menu layout.
 
More:
Select this option to apply custom shadow effect  to the Menu layout.     More..
13

Foreground Image

13. Foreground Image
Users can also insert the foreground-image in Menu.     More..
14

Text Areas

14. Text Areas
Text Area is a convenient option to place the Text Box on the Menu Strip.Use this option to draw text area in your Menu. Double click on added Text Area box to edit the text. Text formatting can also be done.
15

Background

15. Background
This option enables you to add or change the background color of Text Area.
16

Effects

16. Effects
Select this button to apply effects on Text Area. To add texture effect, use Texture button. Effect button is used to apply effects in Text Area. Shadow button is used to apply shadow effect in Text Area.
 
 
 
17

Border

17. Border
To apply border on Text Area, use this option.     More.
18

Menu Button Properties

18. Menu Button Properties
Separator:
Separator provides a horizontal or vertical dividing line. It is most commonly used in Menus and Tool bars. Here Red lines in Menu depicts the Separator. Styling can also be done for Separator.
 
 
Height:
Pre-defined values of height will let you to set the height of Menu buttons. Click on More option to set your custom values.
 
Margin:
This can be used to apply Margin to Menu buttons from left and right side.
 
Padding:
This can be used to apply Padding to Menu buttons from left and right side.
 
Alignment:
This option is to aligh the menu buttons on left, middle or right of the menu strip.
Horizontal Alignment is used to align the buttons horizontally. It includes left, center & right. Selecting left option, will move the menu buttons on the left side. Selecting center option will move the menu buttons to the center. Selecting right option will move the menu buttons on the right side.
Vertical Alignment is used to align the buttons vertically. It includes top, center & bottom. Selecting top option, will move the menu button on top. Selecting center option will move the menu buttons to the center.Selecting bottom option will move the menu buttons on bottom.
 
Icon:
User can place the colorful icons in menu buttons. Icon styles can be customized using the additional options here.
 
Arrow:
Arrow appears besides the menu items having sub-menu items.  User can also apply styles to the arrow.
 
Texture:
Texture are the abstract effects. User can apply texture in menu buttons.
19

Background

19. Background
User can apply background color to all three states of the menu button.
 
Normal:
Background color for normal or passive menu button.
 
Hover:
Background color for the menu button on hover.
 
Active:
Background color for the active menu button.
20

Border

20. Border
You can also apply border to menu button. The appearance of the menu button border can be customized.
 
Normal:
Border properties for normal or passive menu button.
 
Hover:
Border properties for the menu button on hover.
 
Active:
Border properties for the active menu button.          More..
21

Typography

21. Typography
Text Style can be changed in menu button, in all the cases.
 
Normal:
Text styles for normal or passive menu button.
 
Hover:
Text styles for the menu button on hover.
 
Active:
Text styles for the active menu button.
22

Mega

22. Mega
 
Mega menu is a growing trend in web design for sites that involve a lot of pages and/or products. Mega menu is able to improve navigation and usability. You can apply or customize the Mega menu from here.
23

Vertical

23. Vertical
Vertical menu are efficient for average size websites. You can apply and customize the Vertical menu styles from here.
24

Horizontal

24. Horizontal
When you have a group of list items on your site that you want to draw special attention to, it can be easily done through horizontal menu. Horizontal menu displays items in a horizontal row behind its parent item. You can apply and customize the Vertical menu styles from here.
25

SubMenu Container

25. SubMenu Container
Submenu is a secondary menu that appears while you hover an item on the primary menu. Users have the full control to change the styling of Submenu items. Submenu container is the container for the submenu items.
 
Background:
User can change the background color of sub-menu container.
 
Border:
User can also customize the border of sub-menu container.
 
Shadow:
To apply the shadow effect to the sub-menu container.
26

SubMenu Item

26. SubMenu Item
Height:
Select this option to increase/ decrease the height of sub-menu items.
 
Width:
Select this option to increase/ decrease the width of sub-menu items.
 
Background:
To change the background color of sub-menu items, click on this option.
 
Shadow:
To apply the shadow to sub-menu items.
 
HoverBorder:
To change the appearance of border, when the mouse is hovered over sub-menu item.
 
HoverShadow:
To apply the shadow for the Hover state of the sub-menu item.
 
Separator:
Separator provides a horizontal or vertical dividing line. It is most commonly used in menus and tool bars.
 
Margin:
You can apply margin to sub-menu items according to the requirement.
 
Padding:
You can apply padding to sub-menu items according to the requirement.
 
Icons:
User can place colorful icons in sub menu buttons. Styles of icons can also be customized.
 
Typography:
Sub menu button text typography.
27

Add/Edit Menu Item

27. Add/Edit Menu Item
This option is only available in the case of HTML website design. You can add or edit a menu item or page using this option.
28

Bookmark

28. Bookmark
Menu Bookmark option allow you to save the Menu of the current tempalte for later use.