Слишком много ссылок вызывают горизонтальное переполнение

Есть ли возможность реализовать контрольную точку, чтобы при ширине экрана ниже определённого порога пользовательские ссылки в заголовке исчезали? В настоящее время они остаются на экране и просто обрезаются, когда вы уменьшаете размер экрана до определённого порога.

2 лайка

Если это невозможно напрямую в компоненте, это легко реализуется с помощью CSS в пользовательской теме или компоненте, особенно учитывая, что каждая ссылка имеет уникальное имя класса.

Пример, где я скрываю первую ссылку при определённой точке перелома.

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

Список точек перелома можно найти здесь:

2 лайка