Troppi link causano overflow orizzontale

C’è la possibilità di implementare un punto di interruzione in modo che quando lo spazio orizzontale dello schermo scende al di sotto di una certa soglia, i collegamenti dell’intestazione personalizzata scompaiano? Attualmente rimane sullo schermo e viene semplicemente tagliato quando si riduce lo schermo entro una certa soglia.

2 Mi Piace

Se non disponibile direttamente nel componente, è facilmente realizzabile con CSS in un tema/componente personalizzato, soprattutto perché ogni link ha un nome di classe univoco.

Esempio, in cui nascondo il primo link a un breakpoint definito.

.most-liked-custom-header-links {
    @include breakpoint('extra-large') {
        display: none;
    }
}

Puoi trovare l’elenco dei breakpoint qui:

2 Mi Piace