Font awesome sur menu

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Font awesome sur menu

    Bonjour

    Je suis en train de finaliser le site pour mon club de football --> https://football.cabeglais.fr et je bute sur le problème suivant :

    J'ai ajouté en fin de menu, des liens de menus vers les différents réseaux sociaux en les paramétrant de la façon suivante :

    Cliquez sur l'image pour l'afficher en taille normale  Nom : lien de menu.jpg  Affichages : 13  Taille : 36,2 Ko  ID : 2009812

    Quand je consulte mon site sur PC, cela me convient parfaitement... Par contre contre quand je le consulte sur mon smartphone, je ne vois pas les 4 icônes liés aux réseaux sociaux.

    Cliquez sur l'image pour l'afficher en taille normale  Nom : android.png  Affichages : 13  Taille : 107,2 Ko  ID : 2009813
    Merci de vos éclairages ...
    Dernière édition par jps0302 à 23/11/2019, 17h12
    Merci

    Cordialement

  • #2
    Bonjour.

    Tu as une règle css qui en contredit une seconde.

    #fav-navbar-collapse a::before { font-family: "Font Awesome 5 Free"; }

    Elle empêche la suivante de travailler

    [class^="fab fa-"]::before { font-family: "Font Awesome 5 Brands"; }

    Ajoute !important à cette seconde et tout rentre dans l'ordre.

    En te servant de l'inspecteur de ton navigateur tu trouves rapidement ce type d'erreur…
    Cordialement.
    __
    Eddy !!!
    Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

    Commentaire


    • #3
      Bonjour

      Je viens d'ajouter, dans le fichier custom.css, la ligne :

      [class^="fab fa-"]::before { font-family: "Font Awesome 5 Brands" !important ; }

      mais cela n'a rien apporté

      J'ai donc modifié le fichier theme.css, pour ajouter !important :

      [class^="fab fa-"]::before,
      [class*=" fab fa-"]::before {
      font-family: "Font Awesome 5 Brands" !important ;
      font-weight: 400;
      }

      Mais sans plus de résultat...

      Je dois certainement oublier quelque chose !!!

      merci de ton avis
      Merci

      Cordialement

      Commentaire


      • #4
        c 'est ok, j'avais un problème de cache...

        merci
        Merci

        Cordialement

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X