I am using the below code to display my menu inside `header.php`

```
 $arg = array(
      'menu' => 'top',
      'theme_location' => 'top',
      'menu_class' => 'nav navbar-nav', );
wp_nav_menu($arg);

```

By adding the right css I was able to display the sub-menu correctly on mouse hover . However, on mouse hover, only the text inside the sub-menu block is clickable and the rest of the sub-menu block is not clickable. Also, the code inside page sources confirm that and it is looks like this:

```
<ul id="menu-top" class="nav navbar-nav" >
 <li>
     <ul class="sub-menu" >
         <li id="menu-item-75" ><a href="http://.....">link text</a> </li>
     </ul>
  </li>
</ul>

```

However, I would like that the whole sub-menu block will be clickable and I am think that if somehow I could put the anchor code outside `<li>...</li>` then it is going to work, something that should looks like this: `<a href=""><li>....</li></a>`. But how?
Kindly Let me know how can I do that just by using `css` or `wp_nav_menu($arg);` or what other alternatives do I have?

Thanks a lot