Gibt es eine Möglichkeit, einen Breakpoint zu implementieren, sodass die benutzerdefinierten Header-Links verschwinden, wenn der horizontale Bildschirmbereich unter einen bestimmten Schwellenwert fällt? Derzeit bleibt er auf dem Bildschirm und wird einfach abgeschnitten, wenn Sie ihn innerhalb eines bestimmten Schwellenwerts auf dem Bildschirm verkleinern.
2 „Gefällt mir“
Wenn es nicht direkt in der Komponente verfügbar ist, ist es mit CSS in einem benutzerdefinierten Theme/einer benutzerdefinierten Komponente leicht zu bewerkstelligen, insbesondere da jeder Link einen eindeutigen Klassennamen hat.
Beispiel, wo ich den ersten Link bei einem definierten Breakpoint ausblende.
.most-liked-custom-header-links {
@include breakpoint('extra-large') {
display: none;
}
}
Die Liste der Breakpoints finden Sie hier:
2 „Gefällt mir“