How to display images in a sub menu

Add an image widget to your menu

Go to Appearance > Menus. Find the menu item that you would like to display the image below, and click the blue “Mega Menu” button.

In our example we want to display an image widget inside the “Birds” sub menu, with each image below its menu item.

Mega Menu button on the Birds menu item

Make sure the “Sub menu display mode” is set to “Mega Menu – Standard Layout” or “Mega Menu – Grid Layout“, then select “Image” from the widget selector:

Tab Content tab for the Birds item using the Grid Layout with image widgets

A new image widget will be added to the sub menu. You can edit the widget settings by clicking on the spanner icon.

End Result

After adding three image widgets and arranging them in the Grid Layout, the sub menu looks like this:

Tabbed mega menu with the Birds tab open, showing menu items and images