Bonjour
j'ai un menu avec beaucoup d'éléments (sous-menus) verticaux. Sur Ordi, je suis limité à la résolution de l'écran (et de ce fait, tous les liens vers les pages de sous-menus n'apparaissent pas).
Par exemple https://ptijoz.fr/test-sous-menus ou j'ai 20 sous-pages et je ne vois pas tout sur ordi
Je suppose qu'on ne peut rien faire à part un menu déroulant en Javascript ?
Merci de vos avis
Sur téléphone, le ne problème n'apparaît pas puisque l'on peut glisser la page ver le bas.
Bonjour,
Pour le moment il n'y a pas d'autre solution que de répartir ces sous-pages sous plusieurs pages parents ou de placer ce sous-menu dans une barre latérale comme dans la documentation : https://doc.deltacms.fr/edition
On est conscient de cette limitation et on pourrait voir ça dans l'avenir.
Cordialement
Citation de: ptijoz le Oct 16, 2025, 03:37 PMJe suppose qu'on ne peut rien faire à part un menu déroulant en Javascript ?
Bonjour,
plusieurs solutions s'offrent à toi :
- répartir tes sous menus en plusieurs onglets
- créer des pages catégorisées dans lesquelles des liens renvoient vers des 'sous pages'
- repenser l'organisation de tes pages en thèmes, rubriques et sous rubriques
- ...
Peux-tu nous indiquer de quel site il s'agit, hormis https://ptijoz.fr/test-sous-menus ?
Bonjour, c'est un projet qui est encore dans les cartons pour une association ; le site n'est qu'en mode "pré-maquette" voire confidentiel pour l'instant. Rien de bien concret pour le moment.
Pour l'instant, je ne fais que des "essais" de rendu pour savoir ce qui est possible de faire avec votre DeltaCMS. :)
Je vais réfléchir aux pistes que tu me donnes. Encore merci
Tu peux aussi ajouter ceci dans custom.css à l'aide de l'éditeur CSS qui est accessible dans Personnaliser les thèmes :
@media (min-width: 800px) {
nav li ul {
max-height: 70vh;
overflow-y: auto;
}
}
Tu peux adapter la hauteur maximale du sous-menu en modifiant 70vh
merci Sylvain.
J'ai intégré le code et changé la valeur comme tu l'as indiqué sur mon site ci-dessus et rien de change :( (je suis sous Firefox et j'ai bien vidé le cache à chaque changement/enregistrement)
Bonjour Ptijoz,
J'ai bien sûr testé cette solution purement expérimentale. Pour l'instant l'ascenseur n'étant pas sélectionnable le défilement nécessite un pointeur à roulette...
Si tu as bien placé ce code dans l'éditeur CSS ça devrait fonctionner, un ascenseur parfois léger doit apparaître dans ton sous-menu. Il faut conserver max-height en vh.
Sans titre 2.jpg
Une autre solution serait de réduire l'espace entre 2 items de tes sous-menus. Toujours dans l'éditeur CSS :
@media (min-width: 800px) {
#menu .navSub a {
padding-top : 2px;
padding-bottom : 2px;
}
}
Par défaut ces paddings sont à 15px.
Ah effectivement, je n'avais pas vu cet ascenseur vertical (il faut vraiment le deviner !) et pas du tout pensé à utiliser la molette. >:(
Donc les deux méthodes "assemblées" me vont bien :) Merci Sylvain !
Il faudrait, à terme, que je mette une infobulle dans ce menu pour "expliquer" comment faire :), mais pas d'urgence du tout.
C'était un peu pour ça, pour revenir à une autre billet, que je cherchais à mettre des sous-sous-menus. Par exemple dans les sous-menus, les années et les mois dans les sous-sous-menus ; si y 12 années, ça monte à 144 pages.
Pour l'organisation en page, sous-page et sous sous-page : c'est quelque chose comme ça que tu souhaites ?
https://bacasable.deltacms.fr/?page-2
Page a une sous-page et la sous-page permet de sélectionner 3 "sous sous-pages".
La sous-page et les 3 sous sous-pages ont une Mise en page barre 1/4 - page 3/4
La barre contient 3 textes avec des liens vers les sous-pages avec Contenu du menu vertical sur aucun
Les 3 sous-pages sont des pages orphelines c'est à dire avec Emplacement dans le menu / Position sur Ne pas afficher
Oui, c'est aussi une possibilité. Merci. :)
Le souci était de passer de l'ordi au smartphone.
La page latérale de gauche prend beaucoup de place en haut donc j'inverse en 3/4 et 1/4 (pour mettre les liens à droite)
Ainsi sur PC, on peut naviguer facilement avec les liens rappelés sur la page latérale droite et sur smartphone, on a les sous-menus et en cliquant sur "+" et on peut scroller facilement. (La page de droite se retrouve en bas et ce n'est pas gênant du tout - dans mon cas - )
En résumé, je n'ai plus de sous sous-menu, je dois juste remettre des liens sur la page latérale que je place à droite.
Merci à tous.