WordPress: Dropdown menus on mobile

If you have setup dropdown items in your menu, you may notice that the main parent menu item is not clickable on mobile devices. This is intentionally disabled, due to small devices not being able to "hover" over the menu item to reveal the dropdowns. Instead, by clicking the menu item it will reveal the dropdowns. However, this means that the main menu item is not accessible.

To fix this, you should add an extra menu item into the dropdowns that links to the main menu item. For example, let's say you have a menu setup as the example below:

This would mean that the main "Music" menu item would not be accessbile on mobile devices. To fix this, you should add another menu item like the example below:

This will allow mobile users to access all the "Music" posts via the new menu item inside of the dropdown.

Was this article helpful?