Y a-t-il une possibilité d’implémenter un point d’arrêt afin que lorsque l’espace horizontal de l’écran est inférieur à un certain seuil, les liens personnalisés de l’en-tête disparaissent ? Actuellement, il reste à l’écran et est simplement coupé lorsque vous réduisez l’écran en dessous d’un certain seuil.
2 « J'aime »
Si ce n’est pas disponible directement dans le composant, c’est facilement réalisable avec CSS dans un thème/composant personnalisé, d’autant plus que chaque lien a un nom de classe unique.
Exemple, où je masque le premier lien à un point d’arrêt défini.
.most-liked-custom-header-links {
@include breakpoint('extra-large') {
display: none;
}
}
Vous pouvez trouver la liste des points d’arrêt ici :
2 « J'aime »