Créer un grand sous menu à deux colonnes

Cette fonction concerne le menu installé en menu principal, dans les écrans d’une résolution supérieure à 1000 pixels. 

Les sous menus s’affichent lorsque vous survolez l’élément de menu parent (éléments imbriqués). Parfois, le trop grand nombre d’éléments enfants gène la navigation, en particulier pour les thèmes dont le menu est fixe comme c’est le cas avec les thèmes Vitrine et Infos Syndicales.

Pour répartir les sous éléments d’un menu principal sur deux colonnes plutôt qu’une comme c’est le cas par défaut, vous devez

1) donner la classe css « menu-deux-colonnes » à l’élément de menu parent (dans Apparence > Menus, sélectionnez « Options de l’écran » –  tout en haut à droite – et cocher « Classes CSS ». Pour chaque élément de menu vous pourrez ensuite définir une classe css en ouvrant l’élément.

2) c’est tout. Les enfants se mettront automatiquement sur deux colonnes. Pour des question d’esthétique essayez d’avoir un nombre pair d’éléments enfants, et que les intitulés tiennent sur une seule ligne.

Imprimer cet article Télécharger cet article

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *