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:
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?
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é
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.
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')
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.