This should add the drop class to all the li elements in the menu and also add your classes to the wrapping ul: function wpse_232637_add_menu_parent_class( $items ) { foreach ( $items as $item ) { $item->classes[] = ‘drop’; } return $items; } add_filter( ‘wp_nav_menu_objects’, ‘wp_232637_add_menu_parent_class’ ); $args = array( ‘menu’=>”, ‘menu_class’=>’nav navbar-nav navbar-right’, ‘menu_id’=>”, ‘container’=>false, … Read more
It’s called “event bubbling” or “event propagation” and the solution is to get the event object and use the JS stopPropagation method. Try this: jQuery(‘.menu-item’).click(function(event){ var class_id = jQuery(this).attr(‘id’); event.stopPropagation(); alert(class_id); });
There are really only 2 ways to do this in wordpress. The first, which I’ll call the “old way” uses wp_list_pages() and I would generally not recommend it for menus. The second, which I would say is much better is using register_nav_menu(). To use that, add this to the top of your functions.php file. function … Read more
No need for a custom walker – it’s controlled with the depth parameter. At the moment, you’re only showing 2 levels of menus – but you need to set this to 3! This, however, will only control what is being output. As for the user clicking, hovering or otherwise to actually see the menu, you’ll … Read more
Here’s one way to achieve that is by constructing the <option> tags with the wp_link_pages_link filter: add_filter( ‘wp_link_pages_link’, function( $link, $i ) { return sprintf( ‘<option value=”%d” %s>%d</option>’, $i, selected( $i, get_query_var( ‘page’, 1 ), 0 ), $i ); }, 10, 2 ); and then the <form> and <select> tags with the wp_link_pages filter: add_filter( … Read more
Add this jQuery to your theme: (function($) { $(‘.nav-menu a’).on(‘click’, function(){ if ( $(this).data(‘toggle’) !== ‘dropdown’ ) { $(‘.main-menu .close-button’).click(); } }); })(jQuery); It will close the menu when a nav link is clicked.
I think this will work for you demo here is another js solution demo2 $(‘ul.nav li.dropdown’).hover(function() { $(this).find(‘.dropdown-menu’).stop(true, true).delay(200).fadeIn(500); }, function() { $(this).find(‘.dropdown-menu’).stop(true, true).delay(200).fadeOut(500); });
First: Your question does not indicate that you have made any programming attempt to get this done. Code to do this…. if ( is_user_logged_in() ) { // your ‘entire-menu code’ or ‘logout’ link for logged in user } else { // your ‘Entire-menu code’ or ‘login / Register’ links for logged out user } Second: … Read more
First of all, it’s not a WordPress related you know and there are other platform you can ask about this one, anyway, if you didn’t read this http://inspirationalpixels.com/tutorials/creating-a-dropdown-menu-with-html-css kind of article please read one. I see you changed your post summary and thanks for that. But before get answer something worth you have to try … Read more
You’ve defined your menu location as header_navigation. Use the menu location slug header_navigation in your call to wp_nav_menu(), not the description (nav): wp_nav_menu(array( ‘theme_location’ => ‘header_navigation’, ‘container’ => false, ‘menu_class’ => ‘nav’, ));