Primary Menu

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

  • 33 Users Found This Useful
Was this answer helpful?

Related Articles

Button

This Guide will Help you to edit Button Widget Settings and Style. Button Widget Settings When...

Icon

This Guide will Help you to edit Icon Widget Settings and Style. Drag Icon Widget When you Drag...

List

This Guide will Help you to edit List Widget Settings and Style. Drag List Widget When you Drag...

Chart

This Guide will Help you to edit Chart Widget Settings and Style. Drag Chart Widget When you...

Contact Form

This guide will help you to Customize Contact Form. 1) Drag and Drop Contact Form from left side...