Créer un menu responsive drupal 7

L'objectif de cet article est d'expliquer comment créer un menu responsive sur drupal 7. Un menu responsive est un menu qu'on peut le visualiser sur plusieur platfrome comme PC, tablette, Iphone.

Mode opératoire

Tout d'abord installer le module Nice Menu : https://drupal.org/project/nice_menus. et le module Responsive Menu : https://drupal.org/project/responsive_menus.

Ensuite il faut aller sur Structure, Block et ajouter le block nice menu dans la partie Header 

Cliquer  sur le bouton Configure et la page suivante apparait :

Dans le champ   Parent  choisissez Main menu et dans le champ Menu Style sélectionnez Down afin que le menu s'affiche horizontaement.

Ensuite il faut cliquer sur le menu principal Apperance et dans la configuration de votre theme principal cliquez sur l'onglet Global et décochez Main menu

Ensuite on doit configurer le module Responsive Menu. Il faut au aller au menu principal Configuration et ensuite cliquez sur le lien Responsive Menus

La page suivante s'affiche. Il faut ajouter ensuite dans le champ Selectors for which menus to responsify  la classe .nice-menu qui correspond à la classe du Nice menu ajouté précédément.

Ainsi on obtient le résultat suivant

Menu sans l'effet responsive

Menu avecl'effet responsive