Try this : <script type=”text/javascript”> $(document).ready(function($) { $(‘#access li’).has(‘ul’).addClass(‘has_submenu’); $(‘#access ul li.has_submenu > a’).click(function(event) { event.preventDefault(); $(“#access ul ul”).toggleClass(“showHide”); }); }); </script> See event.preventDefault in the jQuery API.
You can remove the current icon by css and then you can add your new icon in the .menu-toggle button with background-image. the css is below; .genericon-menu:before{ content: ” “; } .main-navigation .menu-toggle{ background-image: url(/*image url*/); background-size: contain; }
You already mentioned in your question that u had removed li from the menu. so may be this will work. in this walker u can give the class in the Appearance ->menu css options (On the top right of the screen click on ‘Screen Options’ on the bottom row – make sure ‘CSS Classes’ is … Read more
If your header image is a background image, you can change it with CSS on every page thanks to body_class(); Your <body> tag should look like this : <body <?php body_class(); ?> > Then when you visit each page you’ll notice in the code that various classes are added to the body tag. You can … Read more
Here is the code I have in my functions.php file: /** * Hoverintent Plugin for the menu * @since Theme 1.0 */ function theme_hover_menu() { wp_register_script(‘hoverintent_script’, get_template_directory_uri() . ‘/js/hoverintent.js’, array(‘jquery’), ‘r6’ ); wp_enqueue_script(‘hoverintent_script’); } add_action(‘wp_enqueue_scripts’, ‘theme_hover_menu’); This is step 1… Next? Comments? Solutions? I will edit this post once I will have found the answer. … Read more
I think Your looking for the solution : http://shinraholdings.com/62/custom-nav-menu-walker-function/ Add this code where you calling your WP menu. wp_nav_menu( array( ‘theme_location’ => ‘navigation_menu_primary’, ‘container’ => ‘div’, ‘container_id’ => ‘top-navigation-primary’, ‘conatiner_class’ => ‘top-navigation’, ‘menu_class’ => ‘menu main-menu menu-depth-0 menu-even’, ‘echo’ => true, ‘items_wrap’ => ‘%3$s’, ‘depth’ => 10, ‘walker’ => new themeslug_walker_nav_menu ) ); // thanks … Read more
You can filter ‘wp_nav_menu_args’, set an invalid theme_location and the magic function __return_false as fallback: add_filter( ‘wp_nav_menu_args’, ‘override_parent_args’ ); function override_parent_args( $args ) { if ( ‘header-menu’ === $args[‘theme_location’] ) { $args[‘fallback_cb’] = ‘__return_false’; $args[‘theme_location’] = ‘ticky_tacky’; } return $args; }
A belated answer but figured I’d contribute as this page was near the top of Google when searching for a solution to this issue. I too had overlooked the fact that WP adds the current page menu item by default (thanks patnz for pointing that out). However I’m not happy with how bloated the markup … Read more
Yes there is a way how you can do it. To implement it properly I would recommend you to read The Rewrite API: The Basics article. Especially pay attention on Add Rewrite Tag section.
I think you’re using the wrong way, you need customizations for it.This may help you for this. add_filter(‘wp_nav_menu_items’, ‘register_social_links’, 10, 2); function register_social_links($items, $args) { if ($args->theme_location == ‘top-header’) {//Here you can use your menu theme location $items .= ‘<li class=”your-class-name”><a href=”https://www.facebook.com/peakwebsiteservices/” target=”_blank” title=”Facebook: Peak Websites”><i class=”fa fa-facebook-square” aria-hidden=”true”></i></a></li>’; } return $items; } Hope this … Read more