Fixer le menu sur le design Milano

[ACO]

Bonjour.
Je reprends le site de notre association et je voudrais que mon menu reste fixe lors du défilement (sur toutes les pages). Je ne suis pas une "pro" mais je bricole ou bidouille Et là, je n'y arrive pas.
J'ai tenté plusieurs codes mais rien n'y fait Voici les 3 derniers que j'ai faits :

Code:

<style type="text/css">
/*<![CDATA[*/
.jtpl-mobile-navigation {
        position:fixed}
/*]]>*/
</style>


et ça :

Code:

<style type="text/css">
/*<![CDATA[*/
#ul.nav{
        position:fixed;}
/*]]>*/
</style>

et ça :

Code:

<style type="text/css">
/*<![CDATA[*/
.jtpl-mobile-navigation {position:fixed;}
/*]]>*/
</style>

J'ai inspecté l'élément - Je pense que c'est "jtpl-mobile-navigation" qu'il faut modifier !?
Merci pour l'aide que vous m'apporterez.
https://www.artistes-occitanie.com

[FredVig]

C'est bien le début de l'idée, mais ce genre de modification a des conséquences complexes en cascade.
Lorsque vous fixez le bloc logo+menu, il "sort" du flux, il ne repousse plus les blocs "frères", qui passent dessous ou dessus.
Il faut donc les modifier à leur tour, et cela crée d'autres modifications et ainsi de suite.
Commencez peut-être ainsi :
.jtpl-header.navigation-colors {position:fixed;max-height: 400px;}
.jtpl-section-main{margin-left: 320px!important;}
Et vérifiez les modifications qu'il faudrait ajouter selon les largeurs de navigateur, que vous contrôlez avec des conditions de media queries
Il est très possible que d'autres approches soient meilleures

[FredVig]

Notez bien que c'est une source de problèmes.
Ces blocs sont des éléments majeurs du site.
Leurs propriétés de bases sont prévues pour fonctionner entre elles, certaines sont les propriétés par défaut html. Modifier une ou plusieurs d'entre elles revient à retirer une brique d'une construction complexe, une construction qui fonctionne selon des principes commun, liées entre elles. Par analogie, une pile de blocs de reliés par les frottements l'apesanteur, le poids. si vous retirez l'apesanteur à l'un d'entre eux, tout s'effondre.

[ACO]

Bonjour FredVig. Ça le fait mais en consultant les sous-pages, le menu sort du cadre... ça c'est moins chouette :/
Il faudrait donc que j'agrandisse la hauteur du menu pour que tout reste dans l'encadré. Je vais chercher mais si vous avez une solution, je suis preneuse

Autrement, pour revenir "aux soucis en cascade", comme vous le précisiez, ne devrais-je pas changer de design - c'est dommage car Milano correspond à nos attentes/projets !

En tous cas, merci beaucoup pour votre aide précieuse

[FredVig]

C'est clair qu'il sera plus sûr de partir d'un design qui offre cette fonction par défaut et d'adapter son aspect ensuite.
Là, vous partez sur des centaines de lignes de codes…

[ACO]

Oui, je me doute que si vous m'avez prévenue des soucis à venir, c'est que j'allais être encore dans le "c*ca"
J'ai donc changé pour Paris. J'ai déjà modifié des bricoles
Je vais essayer de réaliser seule mes modifs
Merci à vous... surtout pour vos conseils de "pro"

[FredVig]

Bravo, c'est la bonne démarche !
Sélectionner d'abord les fonctionnalités qui vous paraissent importantes, puis modifier le design pour le faire ressembler à ce que vous aviez imaginé sur le papier.
Vous gagnez du temps, de la sécurité etc.
Merci pour l'exemple !

[ACO]

Merci FredVig
Généralement, la raison vient des personnes qui savent... je vous ai écouté et suivi
Encore merci pour votre aide

[Contenu sponsorisé]