Primary Menu

From SitePad Wiki
Jump to: navigation, search

When the first Theme is selected it automatically gives the Predefined Style for Menu but if you want to Customize Menu you can follow this guide.

1) Drag and Drop Primary Menu from left side widget section or Select Primary Menu section in Header page if already present. So this action will pop up Dialog Box for Primary Menu as shown in image below.

Primary-menu-drag.png

2) Now in Settings section of Dialog Box you have different option to Customize menu like Text Color, Background Color, Text Size etc. Just fill that as per your needs as shown in image below.

Primary-menu-style1.png

3) Last option in below image is for styling the Sub Menu Items, if you want to do that just check it.

Note: If you don't know how to add sub-menus just check this guide. Creating Menu

Primary-menu-style2.png

4) Now select Color, Background Color, Text Size for Sub-Menu as shown in image below.

Primary-menu-style3.png

above Sub-Menu style will look like this

Primary-menu-demo1.png

5) If you want to add custom style for Active page Menu Item then just check the Active Page Effect box and provide Color, Background Color for Active Page Menu Item as shown in image below.

Primary-menu-style4.png

above Active Page Menu Item style will look like this

Primary-menu-demo2.png

6) If you want to add custom style for Toggle Button then just click on the checkbox of Responsive Menu Style and provide Bar Color, Bar Background Color for Toggle button as shown in image below.

Primary-menu-style5.png

7) And also you can add custom font size, Menu Item height, color and background color for menu item as shown in image below.

Primary-menu-style6.png

8) You can also customize active menu item such as color and background color, and you can also select color and background color for menu item on mouse hover as shown in image below.

Primary-menu-style7.png