menu déroulant

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 !

Réponses

  • Bonjour,

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

    ♣♣♣♣ <°(((((-{ ~ Mon site avec PluXml: https://re7net.com | Mes plugins : https://github.com/gcyrillus PluXml 5.8.7 sur free ? oui c'est possible : http://gcyrillus.free.fr/new }-))))°> ♣♣♣♣

  • JoeJoe Member

    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

  • 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

    ♣♣♣♣ <°(((((-{ ~ Mon site avec PluXml: https://re7net.com | Mes plugins : https://github.com/gcyrillus PluXml 5.8.7 sur free ? oui c'est possible : http://gcyrillus.free.fr/new }-))))°> ♣♣♣♣

  • JoeJoe Member

    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

  • 18 juil. modifié

    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

    ♣♣♣♣ <°(((((-{ ~ Mon site avec PluXml: https://re7net.com | Mes plugins : https://github.com/gcyrillus PluXml 5.8.7 sur free ? oui c'est possible : http://gcyrillus.free.fr/new }-))))°> ♣♣♣♣

  • JoeJoe Member

    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

  • 21 juil. modifié

    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

    ♣♣♣♣ <°(((((-{ ~ Mon site avec PluXml: https://re7net.com | Mes plugins : https://github.com/gcyrillus PluXml 5.8.7 sur free ? oui c'est possible : http://gcyrillus.free.fr/new }-))))°> ♣♣♣♣

  • JoeJoe Member

    bonjour,
    je suis toujours débutant !

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

    cdt

  • 25 juil. modifié

    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

    ♣♣♣♣ <°(((((-{ ~ Mon site avec PluXml: https://re7net.com | Mes plugins : https://github.com/gcyrillus PluXml 5.8.7 sur free ? oui c'est possible : http://gcyrillus.free.fr/new }-))))°> ♣♣♣♣

  • JoeJoe Member

    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

  • JoeJoe Member

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

  • 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é.

    ;)

    ♣♣♣♣ <°(((((-{ ~ Mon site avec PluXml: https://re7net.com | Mes plugins : https://github.com/gcyrillus PluXml 5.8.7 sur free ? oui c'est possible : http://gcyrillus.free.fr/new }-))))°> ♣♣♣♣

Connectez-vous ou Inscrivez-vous pour répondre.