XenForo 2 Supprimer du contenu entre 480px et 900px uniquement

Z

Zone51

Membre
version XenForo
2.2.10
Salut, je galère avec les media queries pour supprimer du contenu entre deux tailles du viewport : 480 et 900 px.
Le contenu doit être visible jusqu'à 480 px et à partir de 900 px, pas entre les deux.

Une idée de la syntaxe ?
 
Solution
Maxime H
Les points de rupture du viewport chez XF ont une syntaxe particulière que l'on devrait systématiquement utiliser.
Lorsque que tu changes les données sur la page /admin.php?styles/default-style.1/style-properties/group&group=page tu n'es pas obligé de changer toutes tes media queries dans les fichiers Less. ;)

Capture web_20-11-2022_14343_xenforo.fr.jpeg​

Point de rupture auto-adaptatif* petit : @xf-responsiveNarrow
Point de rupture auto-adaptatif moyen : @xf-responsiveMedium
Point de rupture auto-adaptatif large : @xf-responsiveWide

*responsive en anglais

Donc dans ton cas tu pourrais utiliser :
Less: 
@media (min-width: @xf-responsiveNarrow) and (max-width: @xf-responsiveWide) {
    .html-selector {
        display: none;
    }
}
Trier par date Trier par votes
Maxime H

Maxime H

Membre 
Les points de rupture du viewport chez XF ont une syntaxe particulière que l'on devrait systématiquement utiliser.
Lorsque que tu changes les données sur la page /admin.php?styles/default-style.1/style-properties/group&group=page tu n'es pas obligé de changer toutes tes media queries dans les fichiers Less. ;)

Capture web_20-11-2022_14343_xenforo.fr.jpeg​

Point de rupture auto-adaptatif* petit : @xf-responsiveNarrow
Point de rupture auto-adaptatif moyen : @xf-responsiveMedium
Point de rupture auto-adaptatif large : @xf-responsiveWide

*responsive en anglais

Donc dans ton cas tu pourrais utiliser :
Less: 
@media (min-width: @xf-responsiveNarrow) and (max-width: @xf-responsiveWide) {
    .html-selector {
        display: none;
    }
}
 
Vote positif 2 Vote négatif
Solution
Nicolas

Nicolas

Administrateur
Membre du Staff
Vote positif 0 Vote négatif

Membres en ligne

Aucun membre en ligne actuellement.
Total: 2 (membres: 0, visiteurs: 2)

Messages récents

Extras
Les tutoriels
en français
Voir
Collection de tutoriels exclusifs pour découvrir l'environnement XenForo.
Our translations
exclusives
See
French translation of official XenForo and XenAddons softwares.
The subscription
19.90 €
See
A premium account to access all our official resources.
Contribute to the development and sustainability of the forum with a donation to our PayPal account.
I support XenForo FR
Haut