Mettre mon logo au milieu de ma barre de menu

  • WordPress :5.0.3
  • Statut : non résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #2250241
    fouz
    Participant
    Initié WordPress
    20 contributions

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

    • – Version de WordPress : 5.1
    • – Version de PHP/MySQL : 5.5.8 / 5.6.15
    • – Thème utilisé : tm moonflower
    • – Thème URI : http://www.templatemonster.com/wordpress-themes.php
    • – Extensions en place : Cherry Services List (1.4.6), Cherry Testimonials (1.1.2), Classic Editor (1.4), FooBox Image Lightbox (2.6.4), FooGallery (1.6.17), Forum_wordpress_fr (4.1), Page scroll to id (1.6.4), Polylang (2.5.2), Power Builder (1.4.0), Power Builder Integrator (1.0.13), What The File (1.5.4)
    • – Adresse du site : http://127.0.0.1/instantfleuri
    • – Nom de l’hébergeur : Apache/2.4.7 (Win32) PHP/5.5.8

    </div>
     

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

    Je voudrais mettre mon logo au milieu de ma barre de menu, que mettre dans le css additionnel? J’ai essayé plusieurs chose mais cela me décalait le logo avec les rubriques.

    J’utilise le style 5 proposé par le theme tm moonflower pour le header.

    Ci-joint mon fichier css

    Merci pour votre aide !

    #2250245
    PhiLyon
    Modérateur
    Maître WordPress
    22625 contributions

    Bonjour.

    Ton site est en local, ton thème est payant difficile de t’aider.

    Pour envoyer ce genre de fichier, il faut le zipper.

    🙂

    #2250255
    fouz
    Participant
    Initié WordPress
    20 contributions
    @media (min-width: 768px) {
      .site-header.style-5 .header-container.header-btn-visibility {
        padding: 5px 0; } }
    
    @media (min-width: 768px) {
      .site-header.style-5 .header-container.transparent {
        z-index: 90;
        left: 0;
        right: 0;
        position: absolute;
        margin: 25px auto 0;
        border-radius: 3px;
        width: 100%; } }
      @media (min-width: 768px) and (min-width: 544px) {
        .site-header.style-5 .header-container.transparent {
          max-width: 576px; } }
      @media (min-width: 768px) and (min-width: 768px) {
        .site-header.style-5 .header-container.transparent {
          max-width: 720px; } }
      @media (min-width: 768px) and (min-width: 992px) {
        .site-header.style-5 .header-container.transparent {
          max-width: 940px; } }
      @media (min-width: 768px) and (min-width: 1441px) {
        .site-header.style-5 .header-container.transparent {
          max-width: 1200px; } }
    
    @media (min-width: 1441px) {
      .site-header.style-5 .header-container.transparent {
        margin: 50px auto 0; } }
    
    .site-header.style-5 .site-branding,
    .site-header.style-5 .header-btn {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
    
    @media (min-width: 768px) {
      .site-header.style-5 .site-branding {
        margin-top: 14px;
        margin-bottom: 6px; } }
    
    @media (min-width: 768px) {
      .site-header.style-5 .main-navigation {
        margin-top: 5px;
        margin-bottom: 8px; } }
    
    @media (min-width: 768px) {
      .site-header.style-5 .site-branding {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1; } }
    
    @media (min-width: 768px) {
      .site-header.style-5 .main-navigation {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
        width: 100%; } }
    
    @media (min-width: 992px) {
      .site-header.style-5 .main-navigation {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3; }
        .site-header.style-5 .main-navigation .menu {
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; } }
    
    @media (min-width: 992px) {
      .site-header.style-5 .main-navigation:last-child .menu {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end; } }
    
    .site-header.style-5 .header-btn {
      margin-top: 25px; }
      @media (min-width: 768px) {
        .site-header.style-5 .header-btn {
          margin-top: 10px;
          margin-bottom: 10px;
          -webkit-box-ordinal-group: 6;
          -webkit-order: 5;
          -ms-flex-order: 5;
          order: 5; } }
    
    .site-logo {
      margin: 0;
      line-height: 1; 
      }
      .site-logo__link {
    	margin: 0;
        text-decoration: none;
        line-height: 1; }

    Voilà mon code css actuel

    #2250261
    fouz
    Participant
    Initié WordPress
    20 contributions

    Voilà mon fichier CSS zipper

    #2250262
    fouz
    Participant
    Initié WordPress
    20 contributions

    Bon apparemment le fichier ne passe pas, mais je pense que j’ai mis tout le code css qui m’intéresse au dessus .

    Alors merci pour votre aide !

    #2250288
    PhiLyon
    Modérateur
    Maître WordPress
    22625 contributions

    ZIP pas RAR le fichier.

    Même la démo du thème n’est pas accessible, essaies ce code dans Apparence/Personnaliser/CSS additionnel, sans conviction

    .site-logo {
    	margin: 0 auto !important;
     }

    🙂

    #2250291
    fouz
    Participant
    Initié WordPress
    20 contributions

    non çà ne change rien et la démo elle est dispo ici https://ld-wp.template-help.com/wordpress_64080/

    Merci

     

     

    #2250597
    fouz
    Participant
    Initié WordPress
    20 contributions

    voilà mon fichier css zippé.

    Merci @PhiLyon !

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2250604
    Li-An
    Modérateur
    Maître WordPress
    21705 contributions

    Bonjour, nous ne faisons pas du support pour les thèmes payants, tournez vous vers le développeur.

    #2253294
    fouz
    Participant
    Initié WordPress
    20 contributions

    Ce n’est pas du support de thème , je veux personnaliser mon menu en ajoutant du css additionnel pour avoir mon logo au milieu de la barre.

    Je ne demande pas de me régler un bug lié au thème.

    Donc merci à ceux qui essayeront de m’aider !

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