To set a Main Menu item as Mega Menu – Check the option as in below screenshot and SAVE

How to add background color:

To add background color to the mega menu content, use CSS. See example below. Change the color code to your color code.

background-color: #fafafa;

How to add background image for mega menu:

To add background image for the main mega menu container, go to the main item and select Upload Background Image

To make the image repeat use this css

background-position: 100% 100%;

 

How to add Images to Mega Menu items. 

Images as menu items with title below are added with text widgets. See the steps below.

a. Create Sidebar from Appearance – Sidebars – Add New. Add the sidebar Name. And click OK to save.

b. Add Text widget to sidebar

Add in widget the image and text with HTML.

Example is below:

<div class=”megamenu-demos”><a href=”http://wpresidence.net/”><img src=”http://wpresidence.net/wp-content/uploads/2015/11/megamenu-demo1.jpg” alt=”demo” /></a><a href=”http://wpresidence.net/”>Main Demo</a></div>

 

How to add an icon to Mega Menu elements:

 

Find the fontawesome icon on https://fortawesome.github.io/Font-Awesome/icons/ or in wp-admin – editor.

Select the icon

Copy the icon name:

Paste in Mega Menu settings: