web-dev-qa-db-fra.com

Bootstrap lien parent déroulant non cliquable

Ceci est le premier projet drupal sur lequel je travaille et j'ai le problème suivant. J'ai mon menu déroulant configuré comme suit:

Dropdown menu with bootstrap

Le problème est que le lien parent "Materialen" n'est pas cliquable pendant que les enfants le sont. Que dois-je changer pour pouvoir cliquer sur le lien parent?

2
majorbelow

Une belle façon de travailler avec Drupal 8 serait de remplacer dans votre sous-thème:

menu--main.html.twig

Et retirer

 data-toggle="dropdown"

À votre santé

4
Astro

Il suffit de supprimer ou de commenter votre fichier .info de thème cette ligne:

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

Cela rendra automatiquement la liste déroulante de la barre de navigation activée.

2
David

Désolé si je suis en retard mais je viens de découvrir après des montagnes de lectures si vous supprimez la ligne 33

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

du menu-link.func.php devrait fonctionner

:)

Remplacez le menu.html.twig et supprimez cette ligne {% set link_attributes = link_attributes.addClass ('dropdown-toggle'). SetAttribute ('data-toggle', 'dropdown')%}

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

c'est-à-dire setAttribute ('data-toggle', 'dropdown') to removeAttribute ('data-toggle', 'dropdown')

0
Shubham Kumar

Si vous utilisez le thème Bootstrap (ou un sous-thème de celui-ci), vous devriez pouvoir accomplir cela avec juste quelques CSS supplémentaires.

Ce Bootply https://www.bootply.com/LcSwSskuR1 fournit une bonne solution, fondamentalement, vous devez ajouter un: hover au menu. Je crois que cela fonctionne avec le thème Drupal Bootstrap:

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

Vous devrez peut-être jouer avec la requête @media exacte dont vous avez besoin pour votre site.

0
rjl