Bonsoir à tous. Je découvre gantry 4 mais j'ai un peu de mal avec la customisation pour un template que je souhaite créer entièrement.
J'aimerais afficher le même menu en footer que celui qui s'affiche en haut de la page, mais plus simple, horizontalement, mais cette fois avec tous les liens enfants affichés.
Je ne comprends pas très bien s'il faut créer un custom.css ou un custom less. De toute façon, mes tentatives échouent. J'ai créé un module "menu" pointant sur le main menu, et coché la case pour afficher tous les liens. Je lui ai donné un suffixe de menu footer et un suffixe de classe footer.
Ensuite j'ai créé un fichier gantry-custom.less dans lequel j'ai mis :
/*personnalisation du menu de pied de page*/
div.module-content ul.menufooter {
display: inline;
padding: 10px;
}
div.module-content ul.menufooter li{
display: block;
padding: 10px;
}
Le menu s'affiche ainsi :
HomeFeatures
Module VariationsModule PositionsMenu Example
TypographyJoomla
Category BlogMember LoginWeb Links
Presets
Preset1Preset2Preset3Preset4
Donc chaque fois qu'un menu a des enfants, ceux-ci vont à la ligne, en ligne au lieu de s'afficher verticalement, et l'item suivant va à la ligne aussi.
J'ai essayé diverses modifications, mais c'est comme si mon less n'était pas pris en compte.
Quelle erreur fais-je ?
j'aimerais un menu avec une icône devant les items principaux, ceux-ci s'affichant horizontalement, et les menus enfants qui viennent se ranger bien sagement verticalement sous leur parent.
Merci de bien vouloir éclairer ma lanterne !