September 08, 2014
Menus can be tricky. Rather than being locked into the just using menu sort order, or alphabetical order, combine the two using wp_list_pages(); You can style the drop downs to respond on hover using CSS.
<ul id="main_menu">
$children=wp_list_pages( 'echo=0&title_li=' );
if ($children) {
$output = wp_list_pages ('echo=0&depth=2&title_li=&sort_column=menu_order,post_title&exclude=2');
echo $output;
} ?>
</ul>
Note the “,post_title” within the sort_column parameter. This allows the first level to be sorted by menu_order, and the second
