Bonjour a tous

je suis nouvelle sur ce forum

j'ai crée un menu burger et mes liens textes s’affichent bien

j'ai inseré des icones a coté de mes <li> mais ce que je souhaiterais c'est qu'en md xs les textes disparaissent et que seuls les menus restent

comment faire ?

<li><a href="index.html" class="active">QUI SUIS-JE ?<div class="icon-home2 icomoon-menu hidden-md hidden-lg"></div></a></li>

Les icones n'apparaissent pas en largeur LG mais s'affiche des que le menu burger apparaît et que l'on clique dessus.

merci de vos conseils et de votre aide

Bonjour,

eh bien il faut faire sur le texte la même chose que tu as fait sur les icones, mais en inversant les classes (je suppose que tu utilises Bootstrap).

Bonjour,

Il te suffit d'imbriquer tes textes dans des <span> avec les class hidden-sm et hidden-xs tout simplement...

NB : Relis ton post avant de l'envoyer, c'est pas clair! Tu veux cacher en sm xs et non en md xs...
Tu dit ensuite "que seuls les menus restent", tu parles ici de tes icônes plutôt, non?

bonjour a tous

j'ai imbriqué mes textes dans des spans avec les class hidden-xs et hidden-sm

je vois bien mes icones et effectivement mes liens textes on disparus dans le menu déroulant de mon burger, sauf que dans ma nav version lg mes liens textes n'apparaissent plus ....je n'y comprend plus rien...

<li><a href="mes-services.html" ><span MES SERVICES class=" hidden-xs"></span><div class="icon-cogs icomoon-menu hidden-md hidden-lg"></div></a></li>

et oui j'utilise bootstrap

Merci pour vos réponses ; si vous avez d'autres solutions a me proposer je suis preneuse

<li><a href="mes-services.html" ><span MES SERVICES class=" hidden-xs"></span><div class="icon-cogs icomoon-menu hidden-md hidden-lg"></div></a></li>

Attention! Ton premier <span> en l'état est inutile!

Essaye ceci :

<li><a href="mes-services.html" title="Mes services"><span class="hidden-xs text-uppercase">Mes services</span><span class="icon-cogs icomoon-menu hidden-md hidden-lg"></span></a></li>

J'ai pris la liberté d'ajouter une class, de remplacer ta <div> par un <span> (un <i> peu aussi faire l'affaire) et de corriger ton ancre (<a>) non complète.

Ainsi tu devrai avoir :

• En version lg : text
• En version md : text
• En version sm : text + icône
• En version xs : icône

-
Edité par Lord Morpheus 6 août 2017 à 19:38:19