WordPress Sub-Menus and Drop-Downs

In this tutorial on visualmodo knowledge base, we show how to use and customize the WordPress Sub-Menus and Drop-Downs menu items using our amazing WordPress themes in an easy way with our visualmodo menu system. A sub-menu or drop-down menu appears when you have some pages under the main menu item layout and your hover this main page item on the navigation menu as is shown on the image above while hovering the ‘PORTFOLIO‘ navigation menu item and drop-down appear.

For a better start point please make sure you already build your ‘main menu’ following this other guide on our knowledge-base https://visualmodo.com/knowledgebase/edit-wordpress-navigation-menu/

How to build a simple menu item drop-down?

For building a simple menu dropdown you just need to go on your wp dashboard > appearance > menus > create the menu and simply drag/drop the menu items under the main navigation menu page as is shown on the attached image above. NOTE: Make sure you click on ‘Save Menu’ button to save your changes.

How to build columns in WordPress drop-downs and sub-menus?

WordPress Sub-Menus and Drop-Downs
Sub-menus columns


For this column layout, you will need to have other page items under the sub-menu pages as is shown on the attached image below.

After you have built the menu design with sub-items you will need to click on the main ‘navigation menu item’ arrow to open the menu item editor.









Once you open the menu item editor you will see the entire menu item custom options, please change the option for ‘1/2 – one / half’ under the ‘Columns Width’ tab.

How to add background image on WordPress drop-downs and sub-menus?

For this you just need to get/copy the image URL you have uploaded under your WordPress > media library < area and post it on the menu item editor ‘Submenu Background Image’ area.

How to enable a full-size drop-down menu area? (Mega Menu)

Finally, select the ‘mega menu drop-down’ under ‘drop-down type’ menu item editor field.

WordPress Sub-Menus and Drop-Downs

Moreover, you can add icons for the menu sub-item or for the main navigation menu items. Using the code under the ‘icon’ field: icon-plus – icon-name. You can call widgets on the sub-menu area under the ‘custom widget area’ field. This will call the widgets to add on WP > appearance > widgets < widget tab area.  As a result, can change in the standard drop-down position (left/right).

WordPress Sub-Menus and Drop-Downs – Visualmodo

Award-Winning 24/7 customer service

Everyone on our Customer Care team is an experienced Visualmodo user and works in our office. Nothing is ever outsourced.

Visualmodo WordPress Themes Support

Once again, thanks for purchasing one of our themes!

If you need any help or have any suggestions, please feel free to contact us for Help Desk. If you loved the theme, we would really appreciate it if you could rate it.