[Résolu] Fixer la barre de menus sous image entête (Créer un compte)

  • WordPress :5.3
  • Statut : résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2349200
    enerec
    Participant
    Initié WordPress
    15 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 5.7
    • Thème utilisé : Personnalisé
    • Extensions en place :
    • Nom de l’hébergeur : Infomaniak
    • Adresse du site : mpp.bf

    Problème(s) rencontré(s) : Ma barre des menus scroll avec l’entête et j’aimerai qu’elle reste affichée même si le visiteur est au milieu de page. Merci par avance pour vos contributions.

    #2349202
    PhiLyon
    Modérateur
    Maître WordPress
    26065 contributions

    Bonjour.

    Regarde-ça peut-être https://www.grafikart.fr/forum/topics/18480

    🙂

    #2349259
    enerec
    Participant
    Initié WordPress
    15 contributions

    Merci à PhiLon pour le lien, cependant j’aimerai savoir s’il faut ajours les codes dans mon CSS ou alors même dans le CSS additionnel cela fonctionner?

    #2349264
    PhiLyon
    Modérateur
    Maître WordPress
    26065 contributions

    C’est du Javascript, cela ne fonctionne pas dans du CSS, mais dans un fichier js.

    🙂

    • Cette réponse a été modifiée le il y a 2 semaines et 1 jour par PhiLyon.
    #2349286
    enerec
    Participant
    Initié WordPress
    15 contributions

    Merci pour ta réponse, je vais essayé.

    #2349547
    bopi1829
    Participant
    Initié WordPress
    6 contributions

    Si tu ne veux pas coder, tu peux utiliser également le plugin Sticky Menu (or Anything!) on Scroll.

    Tu peux aller voir cet article qui t’explique comment l’utiliser https://wpmarmite.com/sticky-menu/

    #2349897
    enerec
    Participant
    Initié WordPress
    15 contributions

    Bonjour et merci pour le lien, j’ai suivi jusqu’à la fin, faire aussi sur mon site mais je ne comprends pas pourquoi ça ne marche pas chez moi.

    #2349904
    ferman
    Participant
    Maître WordPress
    2690 contributions

    Bonjour,

    Essayez ce petit morceau de code CSS (à mettre dans les CSS additionnelles) et dites-nous si ça correspond à peu près à ce que vous souhaitez. Après, on pourra toujours essayer d’améliorer mais ça me semble déjà correct.

    #main-menu {position:fixed!important;
    background-color:green;}
    .navbar{background-color:transparent!important}

    #2349905
    ferman
    Participant
    Maître WordPress
    2690 contributions

    Essayez plutôt avec ce code, c’est mieux. Cela ne s’appliquera pas aux mobiles, ce qui est préférable.

    @media screen and (min-width:750px){
    #main-menu {position:fixed;
    background-color:green;}
    .navbar{visibility:hidden;}
    }

    #2349910
    enerec
    Participant
    Initié WordPress
    15 contributions

    Merci à Ferman pour le code, je l’ai introduit il ne résolve pas mon problème, le second code fait disparaitre non seulement ma barre d’icones sociale mais aussi fixe la barre de menu au même en endroit, ce qui ne répond pas à ma préoccupation. Merci quand même

    #2349911
    enerec
    Participant
    Initié WordPress
    15 contributions

    Bonjour, je suis parvenu à le faire avec Mystickmenu, merci à tout le monde pour vos interventions qui m’ont été d’un grand profit.

11 sujets de 1 à 11 (sur un total de 11)
  • Vous devez être connecté pour répondre à ce sujet.