Bootstrap dropdown parent link not clickable

Question

This is the first drupal project i'm working on and i'm having the following problem. I have my dropdown menu set up as followed:

The problem is that the parent link "Materialen" is not clickable while the children are. What should i change to be able to click the parent link?

Answer 1

A nice way that work with Drupal 8 would be to override in your subtheme:

menu--main.html.twig

And remove

 data-toggle="dropdown"

Cheers

Answer 2

Just remove or comment out from your theme .info file this line:

scripts[] = 'bootstrap/js/dropdown.js'

It will automatically make navbar dropdown enabled.

Answer 3

Sorry if I'm late but I just discovered after mountains of readings if you take out line 33

 $element['#localized_options']['attributes']['data-toggle'] = 'dropdown'; 

of the menu-link.func.php should work

:)

Answer 4

If you are using the Bootstrap theme (or a subtheme of it), you should be able to accomplish this with just some additional CSS.

This Bootply https://www.bootply.com/LcSwSskuR1 provides a nice solution, basically you need to add a :hover to the menu. I believe this works with the Drupal Bootstrap theme:

@media screen and (min-width:768px) {
  .navbar-nav .dropdown:hover>.dropdown-menu {
    display:block;margin:0
  }
}

You may need to fiddle with the exact @media query you need for your site.

Answer 5

Overide the menu.html.twig and Remove that line {% set link_attributes = link_attributes.addClass('dropdown-toggle').setAttribute('data-toggle', 'dropdown') %}

with {% set link_attributes = link_attributes.addClass('dropdown-toggle').removeAttribute('data-toggle', 'dropdown') %}

i.e setAttribute('data-toggle', 'dropdown') to removeAttribute('data-toggle', 'dropdown')

Answer 6

Just add "disabled" as a class with dropdown-toggle class on Anchor tag