링크가 너무 많으면 가로 방향 오버플로가 발생합니다

기여 UX
1

수평 화면 공간이 특정 임계값 이하로 줄어들면 커스텀 헤더 링크가 사라지도록 브레이크포인트를 구현할 가능성이 있을까요? 현재는 화면을 특정 임계값까지 줄이면 링크가 화면에 그대로 남아 있고, 단순히 잘려 보이는 상태입니다.

2개의 좋아요
2

컴포넌트에서 직접 사용할 수 없다면, 각 링크가 고유한 클래스 이름을 가지고 있으므로 사용자 정의 테마/컴포넌트에서 CSS를 사용하여 쉽게 구현할 수 있습니다.

아래는 정의된 브레이크포인트에서 첫 번째 링크를 숨기는 예시입니다.

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

브레이크포인트 목록은 여기서 확인할 수 있습니다:

2개의 좋아요