Snippets: Change the Navigation Menu Widget to Toggle When Clicking Icon Only

The Navigation Menu widget accordion by default triggers dropdowns when clicking on the whole parent item, however, if you want to make the parent item also accessible so that only clicking on the arrow triggers the dropdown all you need to do is give the trigger element a fixed width via custom CSS like the example below:

.widget_nav_menu .wpex-open-submenu {
    width: 30px;

Version Required:5.4.6+

Snippet Type: CSS

Posted Under: Other

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.