1. ✅ Apprenez une METHODE qui marche pour votre SEO ! Formation à distance avec Olivier Duffez et Fabien Facériès + aide pour prise en charge du financement
    Rejeter la notice

Fil d'ariane à ne pas afficher pour petits écrans ?

Discussion dans 'Demandes d'avis et de conseils sur vos sites' créé par philouseb, 29 Octobre 2013.

  1. philouseb
    philouseb WRInaute impliqué
    Inscrit:
    2 Novembre 2006
    Messages:
    616
    J'aime reçus:
    1
    Bonjour,

    J'ai un léger soucis, je viens d'installer un fil d'ariane sur mon site et j'aime le faire disparaitre pour des raisons esthétique en fonction des résolutions d'écran ou pour les navigations mobile.

    Et cela en Css si c'est possible, avez vous une idée de comment faire ?

    Merci d'avance
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 057
    J'aime reçus:
    294
    Avec les media queries, en caché par défaut et display dans le @media (min-width: xxxxpx) { ....
     
  3. philouseb
    philouseb WRInaute impliqué
    Inscrit:
    2 Novembre 2006
    Messages:
    616
    J'aime reçus:
    1
    J'ai essayé en mettant les infos dans le css mais ça marche pas.
    Faut il faire autre chose.

    Pourrais tu me décrire point par point ce qu'il faut faire ?

    Merci d'avance
     
  4. -Romu-
    -Romu- WRInaute occasionnel
    Inscrit:
    19 Avril 2012
    Messages:
    280
    J'aime reçus:
    0
    Tu es sur que ton css et bien chargé ? (media="screen)
     
  5. philouseb
    philouseb WRInaute impliqué
    Inscrit:
    2 Novembre 2006
    Messages:
    616
    J'aime reçus:
    1
    Je fais des test hors ligne, mais oui il est chargé.

    Voilà ce que j'ai mis pour l'affichage :

    }
    @media screen and (max-width: 420px) {
    .breadcrumbs {
    display: none;
    }


    Et voici le style du Fil d'Ariane :

    #breadcrumbs{
    background: #222;
    margin: 0 -30px;
    padding-right:30px;
    padding-left:30px;
    padding-top:5px;
    padding-bottom:5px;
    color: #7f7f7f;
    font-family: Helvetica Nue, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 11pt;
    letter-spacing: 1px;
    text-transform: uppercase;
    }

    Je ne suis intervenu dans le CSS général du site et cela ne fonctionne pas.
    Je cherche... Mais ne trouve pas pour le moment.

    Merci de votre aide
     
  6. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 057
    J'aime reçus:
    294
  7. philouseb
    philouseb WRInaute impliqué
    Inscrit:
    2 Novembre 2006
    Messages:
    616
    J'aime reçus:
    1
    Merci mais cela ne fonctionne toujours pas ?!?

    Mon fil d'ariane est placé dans ma page header avec cela :

    <?php if ( function_exists('yoast_breadcrumb') ) {
    yoast_breadcrumb('<p id="breadcrumbs">','</p>');
    } ?>

    Dans ton exemple le Breadcrumbs est dans une DIV est ce que cela peut interférer ?
    Merci
     
  8. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 057
    J'aime reçus:
    294
  9. philouseb
    philouseb WRInaute impliqué
    Inscrit:
    2 Novembre 2006
    Messages:
    616
    J'aime reçus:
    1
    Je refais un test dès que possible.

    Merci encore
     
  10. philouseb
    philouseb WRInaute impliqué
    Inscrit:
    2 Novembre 2006
    Messages:
    616
    J'aime reçus:
    1
    Ca marche nickel !!

    Merci encore
     
  11. PaulDAF
    PaulDAF WRInaute discret
    Inscrit:
    23 Novembre 2012
    Messages:
    65
    J'aime reçus:
    0
    Thanks!
     
  12. Koxin-L.fr
    Koxin-L.fr WRInaute passionné
    Inscrit:
    15 Janvier 2012
    Messages:
    1 891
    J'aime reçus:
    8
    ... sauf que dans la logique ce que l'on ne souhaite pas afficher sur mobile pour des raisons de taille d'écran, ne doit pas non plus être chargé pour des raison de connexion. ;-)

    Le masquage, c'est juste un pansement, pas une solution.
     
Chargement...
Similar Threads - Fil ariane afficher Forum Date
Fil d'ariane complet uniquement si on navigue : technique utile ? Référencement Google 15 Juillet 2020
Fil d'Ariane : nom de l'élément sans objet, c'est grave ? Crawl et indexation Google, sitemaps 22 Octobre 2019
Search Console Problème Fil d'Ariane : Vous devez indiquer name ou item.name Crawl et indexation Google, sitemaps 15 Octobre 2019
Wordpress / Yoast SEO et fil d'ariane : pas d'URL sur dernier niveau Développement d'un site Web ou d'une appli mobile 13 Octobre 2019
url page d'accueil et fil d'ariane en seo dans résultats Google Débuter en référencement 20 Juillet 2019
Fil d'ariane dans l'URL Référencement Google 28 Avril 2019
Les bonnes pratiques du fil d'Ariane Référencement Google 4 Mars 2019
Le lien interne du fil d'ariane est-il le premier que Google prend en compte ? Netlinking, backlinks, liens et redirections 8 Janvier 2019
Fil d'ariane : data-vocabulary.org ou schema.org Débuter en référencement 11 Octobre 2018
Fil d'ariane et SEO Débuter en référencement 27 Janvier 2018