Tweet
Bonjour,
Je me suis dit que ça faisait trop longtemps que je n'avais pas abusé de votre temps, aussi me voilà avec une nouvelle question :
Je souhaite empêcher un des champs du (sous) template FlexiContent de s'afficher lorsque la largeur d'écran est inférieure à 710 px.
Le champ que je vise est la toolbar dans laquelle sont rangées les boutons agrandir la police, envoyer par mail, imprimer, et 3 boutons de partage : d'abord parce qu'elle est moche sur petit écran (elle passe sur 2 lignes et les boutons de partage deviennent alors invisibles), ensuite et surtout parce qu'elle est alors totalement inutile (agrandir et imprimer n'ont aucun sens sur smartphone, et il y a bien d'autres façons de partager que d'utiliser ces boutons depuis un smartphone...)
Comme on me l'a appris ici même, je vais devoir instruire un media query dans le custom css, mais franchement je me demande bien comment il faut écrire ça ???
Voici 3 captures d'écran montrant les 3 éléments qui peuvent, à mes yeux de novice, avoir un rôle à jouer : lequel dois-je empêcher de s'afficher en dessous de 710 px, et puis, comment écrire "ne t'affiche pas" ?
L'URL du site est visible sur les captures.
Je pense à des trucs avec du
display: none
dedans, et du
@media screen and (max-width: 710px) {
#flexicontent .flexi.topblock {
... mais avec ça je suis bien avancée...
D'où mon appel à l'aide.
Aide pour laquelle je vous remercie d'ores et déjà par avance, les gars
Je me suis dit que ça faisait trop longtemps que je n'avais pas abusé de votre temps, aussi me voilà avec une nouvelle question :
Je souhaite empêcher un des champs du (sous) template FlexiContent de s'afficher lorsque la largeur d'écran est inférieure à 710 px.
Le champ que je vise est la toolbar dans laquelle sont rangées les boutons agrandir la police, envoyer par mail, imprimer, et 3 boutons de partage : d'abord parce qu'elle est moche sur petit écran (elle passe sur 2 lignes et les boutons de partage deviennent alors invisibles), ensuite et surtout parce qu'elle est alors totalement inutile (agrandir et imprimer n'ont aucun sens sur smartphone, et il y a bien d'autres façons de partager que d'utiliser ces boutons depuis un smartphone...)
Comme on me l'a appris ici même, je vais devoir instruire un media query dans le custom css, mais franchement je me demande bien comment il faut écrire ça ???
Voici 3 captures d'écran montrant les 3 éléments qui peuvent, à mes yeux de novice, avoir un rôle à jouer : lequel dois-je empêcher de s'afficher en dessous de 710 px, et puis, comment écrire "ne t'affiche pas" ?
L'URL du site est visible sur les captures.
Je pense à des trucs avec du
display: none
dedans, et du
@media screen and (max-width: 710px) {
#flexicontent .flexi.topblock {
... mais avec ça je suis bien avancée...
D'où mon appel à l'aide.Aide pour laquelle je vous remercie d'ores et déjà par avance, les gars
)
Commentaire