menu déroulant

Joe · juillet 2022

bonjour à tous
après avoir planté mon site (par ma faute, une mauvaise manip dans Filezilla), et après avoir refait mon site, je ne sais plus comment modifier mes menus déroulants :

au dessus de 1200 px, ma page événements ne me déroulent que 3 liens de pages statiques sur 4
en dessous de 1200 px mes pages tarifs et événements ne me déroulent qu'un lien de page statique
en 768 px, idem
en dessous de 767 px, j'ai bien les 3 traits mais je n'ai aucun accès à tarifs et événements

en inspectant ma page , dans header, je retrouve bien l'ensemble de mes <li id="static- ............

je ne sais plus quoi faire ! pouvez vous m'aider ?

PLUXML 5.8.3, je modifie dans thèmes.css
mon site : http://selfdefense54.free.fr/
et je suis toujours débutant !

gcyrillus-nomade · juillet 2022

Bonjour,

est ce que ce post est similaire à ton soucis ? https://forum.pluxml.org/discussion/6997/resolu-menu-dropdown-pages-statiques

Joe · juillet 2022

bonjour gcyrillus-nomade ,
merci pour ta réponse rapide
en effet pour la 2ème partie de mon post
j'ai regardé mon thème.css (ci dessous) et je ne retrouve pas les lignes correspondantes pour responsive-menu u ou > ul

}
.nav>.container {
    padding: 0;
}
ul.menu {
    padding: 0 15px 7.5px 15px;
}
.menu li {
    background: #efefef;
}
.menu li:hover {}
.menu>li span::before {/* sub menu icon */
    margin-left: -1.5rem;
}
.responsive-menu label {
    background-color: transparent;
    color: #333;
    font-size: 2.6rem;
    text-align: right;
}
.responsive-menu label:after {
    content: '\2630';
}
.responsive-menu label > span {
    font-size: 1.6rem;
}
.menu>li ul {
    position: relative !important;
    border-bottom: 0px solid transparent;
}
.menu>li ul li:hover {
    background-color: #fff;
}
.menu>li ul li:hover a {

/* text-decoration: underline; */
}
ul.menu li.active a,
ul.menu li.active:hover,
ul.menu li,
ul.menu li:hover {
background-color: #fff;

pour la 1ere partie de mon post, je pense que la taille de mon block est figée ??
désolé je n'avais pas vu le post que tu me cite (ou je suis passé à travers)

encore merci de ta proposition rapide

bonne journée à toi

gcyrillus-nomade · juillet 2022

Bonsoir,

Pour le point 1 , cela se regle avec les class appliqué auxsous conteneurs dns ton header où se trouvent respectivement les titres et la navigation.
essaie par exemple

...
<div class="col sml-6 med-3 lrg-2">

                    <div class="logo">
                        <h1 class="no-margin heading-small"><a class="maintitle" href="http://selfdefense54.free.fr/" title="SELFDEFENSE54">SELFDEFENSE54</a></h1>
                        <h2 class="h5 no-margin">TOTAL KRAV MAGA</h2>
                    </div>

                </div>

                <div class="col sml-6 med-9 lrg-10">
...

La regle est d'avoir un total de 12 . sml-6 et sml-6 font 12, med-3 et med-9 aussi , etc ...

Pour le menu déroulant.

dans theme.css ligne 603 , remplace

    .menu>li ul {
        position: relative!important ;
        border-bottom: 0px solid transparent;
    }

par

    .menu>li  {
        position: relative ;
        border-bottom: 0px solid transparent;
    }

Cela évitera de tout faire sauté une fois que cela marchera . ul doit rester en absolute de préference

puis dans plucss.css ligne 541


    .responsive-menu ul {
        display: none;
    }

par

    .responsive-menu > ul {  
        display: none;
    }

enfin , laisse ce qui depasse du conteneur parent visible en ajoutant cette régle dans theme css dans la partie /* ---------- Header ---------- */ pour la retrouver facilement si tu dois y retoucher

header .grid {
overflow:visible
}

cdt

Joe · juillet 2022

bonsoir,

point 1 : j'ai modifié le header en 6, 3 et 2" et 6, 9 et 10"

menu déroulant : modifié dans themes ligne 603, plucsss ligne 541 et rajouter le header .grid

toujours pareil : menus déroulants incomplets

(est ce que la bannière ne gêne pas les menus déroulants ?)

bonne soirée à toi

gcyrillus-nomade · juillet 2022

Bonjour,

En suivant la même logique du selecteur enfant direct, il te fallait aussi modifier la ligne 99 de theme.css en

.menu > li:not(:hover) > ul {
  display: none;
}

Profites en pour echapper aussi tes \ ... on revoit le 2630 au lieu du burger en 3 barres

Il faut vraiment faire une sauvegardes de tes fichiers avant modifications en lignes si tu ne maitrises pas encore .
la config d'un cote (data/) , ton theme de l'autre et eventuellement tes plugins, puis faire tes modifs sur des copies.

Cdt

Joe · juillet 2022

bonjour,

tous mes menus déroulants fonctionnent quand je suis mon imac et que je réduit la taille de la fenêtre.
par contre, sur mobile (iphone) j'ai le burger mais pas de menus déroulants et sur tablette (ipad) pas de menus déroulants

dans theme j'ai bien le :
}
.responsive-menu label:after {
content: '\2630';
}

je double la barre, je sauvegarde, F5 sur le site et j'ai a nouveau 2630 (question d'un néophyte : est ce que l'on peut remplacer 2630 par le mot menu ? )

je reconnais que j’oublie parfois de sauvegarder
des que tout fonctionne je transfert sur un autre serveur et je créerai un bac à sable pour tester mes modifs

je te remercie Gcyrillus-nomade pour le temps que tu m'accordes

bonne journée

gcyrillus-nomade · juillet 2022

Bonsoir,

De mon coté ton burger s'affiche bien et le menu s'ouvre (dans Firefox,Chrome et samsung browser) , pour les trucs de la pomme, je n'ai rien pour tester, je ne peut rien t'en dire.

Quelques pistes à tester cependant:

ajouter cursor: pointer; aux éléments qui ont la régle :hover.
ajouter à HTML l'attribut ontouchmove
ajouter l'attribut tabindex='0' aux éléments qui ont la régle :hover
Doubler toutes les règles :hover avec :active et ajouter ce morceau de script

   <script>
       document.addEventListener("touchstart", function() {},false);
  </script>

cdt

Joe · juillet 2022

bonjour,
je suis toujours débutant !

ces modifs je les ajoute dans themescss ?
par avance merci et bonne journée

cdt

gcyrillus-nomade · juillet 2022

Bonsoir,

@Joe Edit pas vu qu'il en manquer un morceau .

Peut-être peut tu faire un zip de ton thème et me laisser un lien de téléchargement temporaire ici ou en privé. J'y jetterais un œil et y ferais les modifications proposées . Ce sera le plus simple.

Pour la partie CSS , il faut parcourir les fichier et repérer ce qui correspond aux menus et y ajouter ou doubler les sélecteurs avec les pistes proposées.
Pour les attributs, c'est coté HTML, donc coté fichiers du thème qu'il faut aller.
tester et vérifier avec les media qui posent problèmes ( je n'ai pas de pomme à la maison)
Je peut comprendre que cela semble compliqué si tu n'as pas l'habitude ni une vue d'ensemble du fonctionnement des template et des fichiers CSS qui vont avec.

Je te propose donc de me fournir ton thème (apparemment c'est le thème par défaut avec 3 fois rien comme modifs) pour y faire des modifications en plusieurs versions nommées différemment que tu pourras ensuite mettre dans le dossier themes et tester sur ton site à partir des navigateurs qui te posent problèmes.

Cdt

Joe · juillet 2022

bonjour,

je prépare tout ça prochainement ( je tarde à répondre car j'ai de grosses journées en ce moments )

bonne journée et merci encore

Cdt

Joe · juillet 2022

bonjour
j'ai zippé mon site
comment te l'envoyer en privé ?
bonne journée

gcyrillus-nomade · juillet 2022

Bonsoir, je t'ai envoyé un message sur ton compte https://forum.pluxml.org/messages/all
sinon :

Peut-être peut tu faire un zip de ton thème et me laisser un lien de téléchargement temporaire ici ou en privé.

menu déroulant

Réponses