Il s'agit du forum d'assistance technique de WPML, le plug-in multilingue pour WordPress.

Il est accessible à tous, toutefois seuls les clients de WPML peuvent y publier leurs messages. L'équipe de WPML répond aux messages du forum 6 jours sur 7, 22 heures sur 24.

Mots-clés : 

This topic contains 10 réponses, has 2 participants.

Last updated by Andrés il y a 1 an et 5 mois.

Assigned support staff: Andrés.

Auteur Messages
mai 14, 2018 à 7:19 #2126252

christopheG-15

Bonjour,
Malgré l'option que vous proposez pour aligner les drapeaux horizontalements, ils sont affichés verticalement et avec les flèches (voir l'image ci-jointe). Comment dois-je procéder pour qu'ils apparaissent horizontalement et sans les flèches (je veux garder les flèches uniquement pour les sous-menu) ?
Merci d'avance pour votre réponse.
Meilleures salutations.
Christophe Golay

Hello,
Despite the option to align the flags horizontally they are displayed vertically and with the arrows (see attached image). How should I proceed so that they appear horizontally and without the arrows (I want to keep them for the menu)?
Thank you in advance for your answer.
Best regards.
Christophe Golay

mai 15, 2018 à 11:28 #2137036

Andrés
Supporter

Languages: Anglais (English ) Espagnol (Español ) Français (Français )

Timezone: Europe/Paris (GMT+02:00)

Bonjour,

Bienvenue à l'assistance technique de WPML.

Il semble que votre thème Uncode ajoute du code CSS que produce cette situation. Pouvez-vous aller à WPML > Languages > Options du sélecteur de langue > CSS additionnel et ajouter le CSS à continuation :

.menu-smart .wpml-ls-item {
    display: inline-block;
}

.menu-smart .wpml-ls-item i.fa-dropdown {
    display: none;
}

@media (min-width: 960px) {
    .menu-accordion .menu-smart a {
        padding: 5px 0px 5px 36px
    }
}

Documentation:
https://wpml.org/fr/documentation-6/guide-de-demarrage-rapide/configuration-de-la-langue/selecteur-de-langue-personnalise/

Cordialement,
Andrés

mai 15, 2018 à 12:04 #2138279

christopheG-15

Bonjour,
Un grand merci pour votre message, ce qui me permet d'avancer. Par contre, l'écartement est trop important entre les drapeaux (voir image ci-jointe).

mai 15, 2018 à 1:46 #2140394

Andrés
Supporter

Languages: Anglais (English ) Espagnol (Español ) Français (Français )

Timezone: Europe/Paris (GMT+02:00)

Pouvez-vous remplacer le code antérieur par :

.menu-smart .wpml-ls-item {
    display: inline-block;
}
 
.menu-smart .wpml-ls-item i.fa-dropdown {
    display: none;
}
 
@media (min-width: 960px) {
    .menu-accordion .menu-smart .wpml-ls-item a {
        padding: 5px 0px 5px 36px
    }
}

Cordialement

mai 15, 2018 à 2:22 #2141816

christopheG-15

Merci presque bon !
En fait j'ai commencé l'alignement des drapeaux avec le menu. Maintenant, comment faire pour réduire l'espace entre les drapeaux ? Car avec l'affichage smartphone, cela n'est pas optimal.

mai 15, 2018 à 3:07 #2143119

Andrés
Supporter

Languages: Anglais (English ) Espagnol (Español ) Français (Français )

Timezone: Europe/Paris (GMT+02:00)

Vous pouvez utilisez le code à continuation :

.menu-smart .wpml-ls-item {
    display: inline-block;
}
  
.menu-smart .wpml-ls-item i.fa-dropdown {
    display: none;
}
  
@media (min-width: 960px) {
    .menu-accordion .menu-smart .wpml-ls-item a {
        padding: 5px 0px 5px 36px
    }

    .menu-accordion .menu-smart .wpml-ls-item-en a,
    .menu-accordion .menu-smart .wpml-ls-item-en a {
        padding: 5px 0px 5px 10px
    }

}

Cordialement

mai 15, 2018 à 3:34 #2143624

christopheG-15

Merci

mai 15, 2018 à 3:37 #2143711

christopheG-15

Oups, j'ai oublié de demander pour le mode d'affichage smartphone, quel est le code CSS ?

mai 16, 2018 à 5:21 #2149623

Andrés
Supporter

Languages: Anglais (English ) Espagnol (Español ) Français (Français )

Timezone: Europe/Paris (GMT+02:00)

Dans ce cas, vous pouvez supprimer le media query et utiliser ce CSS :

.menu-smart .wpml-ls-item {
    display: inline-block;
}
   
.menu-smart .wpml-ls-item i.fa-dropdown {
    display: none;
}
   
.menu-accordion .menu-smart .wpml-ls-item a {
        padding: 5px 0px 5px 36px
}
 
.menu-accordion .menu-smart .wpml-ls-item-en a,
.menu-accordion .menu-smart .wpml-ls-item-en a {
    padding: 5px 0px 5px 10px
}
mai 16, 2018 à 7:50 #2151183

christopheG-15

Merci beaucoup pour votre réponse. Mais comment faire maintenant en mode smartphone pour que cela reste aligné avec le menu ?

mai 16, 2018 à 9:28 #2153650

Andrés
Supporter

Languages: Anglais (English ) Espagnol (Español ) Français (Français )

Timezone: Europe/Paris (GMT+02:00)

Comme vous voyez, votre thème ou thème enfant modifié le comportement par défaut de votre sélecteur. Je vous invite à utiliser le code à continuation mais s'il ne fonctionne pas, surement l'auteur du thème pourrait vous aider plus rapidement :

.menu-smart .wpml-ls-item {
    display: inline-block;
}
   
.menu-smart .wpml-ls-item i.fa-dropdown {
    display: none;
}

.menu-accordion .menu-smart .wpml-ls-item a {
        padding: 5px 36px 5px 36px
}
   
@media (min-width: 960px) {
    .menu-accordion .menu-smart .wpml-ls-item a {
        padding: 5px 0 5px 36px
    }
 
    .menu-accordion .menu-smart .wpml-ls-item-en a,
    .menu-accordion .menu-smart .wpml-ls-item-en a {
        padding: 5px 0 5px 10px
    }
 
}

Cordialement