In the styling system of WR Mega Menu, live preview on the right will help you easily edit and style your mega menu.
The menu bar includes Menu layout, Stick menu to top, Font, Background color, Background On Hover, Icon and Display Mode.
1. Menu Bar
1.1 Menu Layout
Help to rotate WR Mega Menu between X-axis and Y-axis by selecting Horizontal or Vertical, looking at the pictures below as examples.
1.2 Stick menu to top
If you choose “Yes”, your WR Mega Menu will be sticked to top.
Inherit: Your font style will be taken from your original css file.
Custom: If you choose this function, two rows – Font face and Font attributes with two columns will appear.
Font face: Choose the font face displaying in your Mega Menu
Font attributes: Resize texts and change text color
1.4 Background color and Background hover color
You can change the background color and background hover color of the mega menu as shown below:
1.5 Icon and Display
To add icons to your menu display, go to Appearance > Menus to choose icon. There are nearly 150 icons for you to choose.
If you want Icons to appear on WR Mega Menu, simply click on the button (Icon Only or Icon vs Text)
2. Submenu Panel
2.1 Heading text and normal text
In this section, you have two options to choose:
Inherit: Your font styles will be taken from your original css file.
Custom: You can regulate font face and font attributes as menu bar
2.2 Enable bullet icon
If the bullet icon is enabled, the narrow will be added to the submenu items with a little indent