[Résolu] Menu avec logo centré (Créer un compte)

  • WordPress :5.4
  • Statut : résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #2342671
    JoeBarBoat
    Participant
    Initié WordPress
    42 contributions

    Bonjour,

    Ma configuration WP actuelle 5.4.1

    • Version de PHP/MySQL :
    • Thème utilisé : Neve
    • Extensions en place : Elementor Pro
    • Nom de l’hébergeur : 02switch
    • Adresse du site : new.cnsr.fr

    Problème(s) rencontré(s) :

    Bonjour,

    Je suis entrain de redesigner un site.
    J’utilise le Theme Neve Pro avec Elementor Pro

    Je voudrais mettre le logo au centre avec le menu réparti de chaque coté.
    J’ai trouvé un templet sur Neve mais la partie droite du menu ne peut pas être déroulante car il utilise le menu de 2éme position.
    J’ai construit un menu dans Elementor qui permet d’avoir un menu déroulant de chaque coté.

    Home


    Sauf que quand on passe sur mobile je me retrouve avec 2 menus un audessus et un au dessous du logo ce qui n’est pas terrible…

    Quelqu’un aurait il une idée pour avoir un seul menu sur mobile? Peut on faire un menu dédié au mobile?
    D’après mes recherches cela semble possible… https://www.thehearttribe.com/ sauf si il a mis le menu secondaire à gauche…

    Toute piste est la bien venue

    Merci à vous

    #2342680
    momofr@free.fr
    Modérateur
    Maître WordPress
    3202 contributions

    Salut, si tu fais ton header avec Elementor, tu construits 2 entêtes :

    • Celui pour ordinateur
    • Celui pour mobile (tablette + smartphone)

    Dans les règles d’affichage responsif (avancé) tu masques l’entête qui ne vas pas sur le terminal choisit. Ce n’est pas du “display:none” c’est supprimé à la volé selon la détection du terminal.

    #2342767
    Boscaro
    Participant
    Initié WordPress
    39 contributions

    Bonsoir, j’ai testé cette méthode et ça fonctionne !

    Un soucis quand même, quand on réduit la taille de la fenêtre (taille Tablette par exemple)
    il se produit un chevauchement (voir images en PJ)

    En mode Mobile le menu est bien en mode Hamburger

    Dommage

    En tous cas, merci pour votre aide

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2342776
    momofr@free.fr
    Modérateur
    Maître WordPress
    3202 contributions

    Salut, tout cela se gère il faut voir comment tu as construit ton header mobile. Tu as le positionnement en ligne qui permet de manipuler le contenu avec des règles Flex. Bref c’est tout à fait soluble.

    #2342824
    Boscaro
    Participant
    Initié WordPress
    39 contributions

    Salut,

    je ne comprends pas la notion de ” positionnement en ligne qui permet de manipuler le contenu avec des règles Flex ”

    je te joins 2 images des menus sur Elementor

    Peux-tu s’il te plait de donner un peu plus d’infos

    Par avance merci

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2342832
    JoeBarBoat
    Participant
    Initié WordPress
    42 contributions

    Bonjour,
    J’ai trouvé un tuto tout simple, je pensais juste que cela pouvais ce gérer dans Elementor sans faire de CSS

    https://elementorcodes.com/elementor-centered-logo-header/

    Il me reste à travailler sur le centrage du texte dans le menu mobile, le menu qui ne reste pas collé en haut de page.

     

     

     

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