안녕하세요, 몇 년 전 이 스레드에서 모바일에서 가로 스크롤링에 관한 게시글이 있었습니다. 현재도 이 문제를 경험하고 있습니다. 메뉴가 길 경우 마지막 요소에 도달할 수 없습니다. 가로 스크롤링은 이미 표시된 가장 오른쪽 요소의 끝까지만 진행되며, 그 이후의 모든 내용은 잘립니다.
다음 기기에서 앱을 통해 테스트했습니다:
모바일에서 가로 스크롤에 대한 업데이트가 있나요? 다시 작동하게 하려면 추가할 수 있는 코드 스니펫이나 다른 것이 있을까요?
권한 관리를 활성화해 주세요. 이 플러그인은 관리자가 지정된 페이지로 빠르게 이동할 때 사용하는 기능과 매우 유사합니다.
이것은 플러그인이 아니라 테마 컴포넌트입니다. 관리자 권한으로 메뉴 내용을 사용자 지정할 수 있으므로, 권한 관리에 대해 더 자세한 정보를 제공해 주실 수 있을까요?
모바일에서 메뉴가 스크롤되도록 만드는 방법을 누군가 알아냈는지 궁금합니다.
메뉴 이름이 페이지의 실제 내용을 정확히 반영하지 못해 혼란을 야기하기 때문에, 이 문제를 해결하는 것을 기대하고 있습니다.
다른 테마 또는 테마 구성 요소의 공통 CSS 탭에 다음 CSS를 사용하여 이 기능을 구현할 수 있습니다.
.anon .top-menu {
display: none;
}
모바일 기기에서 유용하게 사용할 수 있도록 이를 가로 스크롤 가능하도록 만드는 것에 대해 더 많은 의견이나 아이디어가 있으신가요?
서브메뉴 항목이 많고 목록이 데스크톱 화면보다 길 경우, 아래쪽 항목에 접근할 수 없습니다. 모바일에서는 세로 스크롤이 정상적으로 작동합니다.
모바일 화면에는 가로로 약 2개의 메뉴 항목만 표시되므로(제목 길이에 따라 다름), 각 메뉴 항목당 서브메뉴 항목을 많이 추가했습니다. 그러나 이제 데스크톱에서는 아래쪽 항목에 접근할 수 없게 되었습니다.
Firefox 및 Chrome(Win 11)에서 테스트했습니다.
이 문제는 특히 모바일에서 심각합니다: 메뉴가 화면 전체를 덮고 있을 때, 메뉴를 닫으려면 메뉴 항목 옆 오른쪽 위 빈 영역을 클릭해야 합니다. (빈 영역이 없다면 어떻게 해야 하나요?) 또한 메뉴가 여전히 화면을 덮고 있기 때문에 링크가 작동했다는 피드백도 받지 못합니다. 메뉴 제목을 클릭해도 메뉴가 닫히지 않습니다.
이 멋진 구성요소를 언어 전환 전에 표시할 수 있을지 궁금합니다. Custom Header Links 처럼요.