Réglage en-tête avec Simplify

  • WordPress :4.9.4
  • Statut : non résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #2172973
    giher
    Participant
    Initié WordPress
    15 contributions

    <div id= »fwf_content »>Ma configuration WP actuelle :

    • – Version de WordPress : 4.0
    • – Version de PHP/MySQL : 5.3.29 / 5.5.54
    • – Thème utilisé : Simplify-enfant
    • – Thème URI : http://d5creation.com/themes/simplify/
    • – Extensions en place : All In One SEO Pack (2.2.6.1), Contact Form 7 (4.1.1), Forum_wordpress_fr (4.1), Hyper Cache (3.2.1), Q2W3 Fixed Widget (4.0.6), Really Simple CAPTCHA (1.8.0.1)
    • – Adresse du site : http://www.chloeharpe.fr
    • – Nom de l’hébergeur : Apache

      Problème(s) rencontré(s) :
      Je reprends un site que j’ai commencé il y a quelques années. J’ai un peu de peine à tout retrouver.
      Notamment le réglage de l’en-tête pour le menu principal. J’ai rajouté une page «Harpes». Le lien du menu pour cette page n’est pas à sa place.
      D’où cela vient-il?
      Voir capture d’écran.
      Comment dois-je procéder pour mettre le menu sur une seule ligne?

      Merci
      A bientôt
      gier

    </div>

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2173010
    WP Traduction
    Modérateur
    Maître WordPress
    1723 contributions

    Bonjour,

    Ça vient visiblement du fait que vous avez dépassé la largeur maximale qu’autorise votre menu et du coup, il affiche les éléments supplémentaires sur une seconde ligne.

    Plusieurs solutions pour remédier à cela :

    • raccourcissez/renommez le texte des éléments de menu afin que le dernier puisse être affiché sur la même ligne que les autres
    • utilisez un/des sous-menu(s) afin de ne garder que les principaux éléments affichés en barre de menu
    • utilisez un menu en colonne latérale pour tout afficher et conservez uniquement les éléments les plus importants dans votre menu principal
    • modifiez le code de votre thème afin que le menu puisse être plus large et/ou que la marge interne de chaque élément soit moins importante (le moins facile à faire)
    • changez de thème et choisissez-en un qui vous permettra d’afficher le menu sur toute la largeur du site
    • Cette réponse a été modifiée le il y a 2 months et 1 week par  WP Traduction. Raison: Ajout d’une possibilité
    #2173013
    PhiLyon
    Modérateur
    Maître WordPress
    20340 contributions

    Bonjour.

    Dans Apparence/Personnaliser/CSS additionnel colles ce code et essaies

    #simplify-main-menu {
        max-width: 850px;
    }

    🙂

    #2173014
    PhiLyon
    Modérateur
    Maître WordPress
    20340 contributions

    Je n’avais pas fais gaffe, comme tu as un thème enfant colles ce code dans le style.css de celui-ci.

    🙂

    #2173023
    giher
    Participant
    Initié WordPress
    15 contributions

    Bonjour et Merci.

    Je suis tout de même hésitant pour savoir où je dois placer ce code.
    Je vous envoi un extrait de style CCS (L’entête puis les codes de main-menu.)
    A bientôt.

    Merci encore.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2173030
    PhiLyon
    Modérateur
    Maître WordPress
    20340 contributions

    C’est quoi ces codes, c’est toi qui les a rentrés ?

    🙂

    #2173101
    giher
    Participant
    Initié WordPress
    15 contributions

    Non.
    Je ne me rappelle pas du tout ce que j’ai fait quand j’ai installé l’enfant.
    En tout cas je n’ai pas la capacité d’é »crise un code pareil. Le copier oui??.
    Je t’envoie le code complet et l’arborescence dans mon FTP.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2173104
    giher
    Participant
    Initié WordPress
    15 contributions

    J’ai ajouté ton code à la ligne 102.
    Cela n’a rien changé.
    A bientôt.

    giher

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2173108
    giher
    Participant
    Initié WordPress
    15 contributions

    Re….
    J’ai trouvé la solution.😀
    Au lieu de rajouter ton code à la ligne (102), je l’ai supprimée, revenant au numérotage d’origine.
    J’ai corrigé  la ligne 102 en remplaçant 650px par 850px.
    Comment ne l’ai-je point vu plus tôt??
    Merci. Tu m’a mis sur la bonne route en me faisant augmenter la max-width.
    C’est résolu.

    A la prochaine.
    Merci.
    giher

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