Cacher un module sur smartphone ?

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

  • [RÉGLÉ] Cacher un module sur smartphone ?

    Bonjour tout le monde,
    j'essaie de cacher le fil d'ariane lors de l'affichage sur smartphone. site Joomla 4.23 / Cassiopeia, php 8.0
    J'ai essayé de changer la classe du module : hidden-phone, d-none d-sm-block, d-sm-none, avec ou sans espace devant.
    j'ai rajouté la classe hidden-smartphone à mon user.css . idem avec ou sans espace.
    Code:
    @media (max-width : 768px) {
    .hidden-smartphone {
    display: none;
    }
    }
    Le fil d'ariane reste indéfectiblement affiché. j'accueille avec plaisir toute piste à explorer.
    Dernière édition par ManuelVoileux à 23/10/2022, 19h18
    Manuel
    --------
    voileux.org - joom.voileux.org - atelierblb.eu

  • #2
    Salut

    Essaye d'ajouter !important

    Sinon, teste avec l'outil de développement de ton navigateur pour voir si ta règle n'est pas surchargée par une autre règle.

    Enfin, tente également...
    @media only screen and (max-device-width:768px{

    Commentaire


    • #3
      Merci pour ces pistes. Je teste
      Manuel
      --------
      voileux.org - joom.voileux.org - atelierblb.eu

      Commentaire


      • #4
        Bonjour,
        l’info est dans le forum, mais voici un extrait. Cassiopeia donc Boostrape 5

        liste des classes dans "hiding elements" : https://getbootstrap.com/docs/5.2/ut...iding-elements

        (xs, sm, md, lg xl, xxl correspond à la taille d'écran).

        SI je veux cacher un module sur smartphone, il suffit d'insérer " d-none d-sm-block" dans le paramètre css du module précédé d'un espace pour éviter de coller aux classes css existantes.

        Commentaire


        • #5
          Erreur dans le lien.... A+

          Commentaire


          • #6
            Merci, j'avais une règle qui était surchargée par une autre. Cela fonctionne avec ces indications.
            Manuel
            --------
            voileux.org - joom.voileux.org - atelierblb.eu

            Commentaire

            Annonce

            Réduire
            Aucune annonce pour le moment.

            Partenaire de l'association

            Réduire

            Hébergeur Web PlanetHoster
            Travaille ...
            X