Menu dropdown on hover and all parents link

No, that solution doesn’t work.

It makes the top level menu items clickable, but the menu’s won’t appear.

Can anyone suggest how to make the menu’s appear on hover, and that first one to remain clickable?

Much appreciated.

And this made the top level menu items clickable while still having the dropdowns show up: http://wordpress.org/support/topic/main-menu-not-clickable

Suggestion: make a child theme to save all your changes. Only two files are necessary in your child theme directory:

1. ./styles.css
2. ./parts/class-header-nav_walker.php

https://managewp.com/how-to-create-a-child-theme

Problem solved.

That looks easier.

I’ll play with that.

Thanks for the advice acub.

I thought I took care of that with the

top: 96%;

declaration. I’m not losing the .dropdown-menu on my website, in any browser, and I don’t use margin:0 on .dropdown-menu, no matter how slowly I move on those pixels. Are you losing it?

But, imho, this is a minor issue, it’s just that I don’t like the dropdown to overlap .navbar-inner, which is visible on my site, unlike on yours.

You are right in principle.

@bnock:
You actually want to strip the data-toggle=”dropdown” and data-target=”#” declarations from the page. So you need to find and replace them with a space. Those declarations are making the parent anchors not go where they’re supposed to, but instead to “#” (dead links). By removing them you keep the elements in the menu with their original links.

You could replace them one by one, with two sepparate replaces, but I noticed they’re always together, in that order, so you may strip them in only one replace.

Hey all, great thread, which led me to my solution. I noticed I was having issues with mobile after pdwalker and acub’s solutions above, so I edited header-nav_walker.php to use WordPress’s built-in mobile check, and serve up one or the other:

function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) {
      $item_html = '';
      parent::start_el( $item_html, $item, $depth, $args);

      if ( $item->is_dropdown && ( $depth === 0)) {
      	// Enable top level links on desktop, disable on mobile
      	if ( wp_is_mobile() ) {
        $item_html = str_replace( '<a' , '<a class="dropdown-toggle" data-toggle="dropdown" data-target="#"' , $item_html);
        $item_html = str_replace( '</a>' , ' <b class="caret"></b></a>' , $item_html);
				} else {
        $item_html = str_replace( '<a' , '<a class="dropdown-toggle"' , $item_html);
        $item_html = str_replace( '</a>' , ' <b class="caret"></b></a>' , $item_html);
      	}
      }
      elseif (stristr( $item_html, 'li class="divider' )) {
        $item_html = preg_replace( '/<a[^>]*>.*?<\/a>/iU' , '' , $item_html);
      }
      elseif (stristr( $item_html, 'li class="nav-header' )) {
        $item_html = preg_replace( '/<a[^>]*>(.*)<\/a>/iU' , '$1' , $item_html);
      }