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

 

 

Commentaires

Ajouter commentaire

Plain text

  • Aucune balise HTML autorisée.
  • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
  • Les lignes et les paragraphes vont à la ligne automatiquement.
CAPTCHA
La question est pour vérifier si vous êtes un robot ou humain afin de se prévenir des spams.