드롭 다운 메뉴가 열려있을만큼 길게 열려 있지 않음

Question

나는 하루 종일이 작업을 해왔습니다. 저는 전자 상거래 (Woocommerce)를 기반으로 작업 중이므로 메가 메뉴를 사용하는 것이 바람직합니다. 일반적으로 새 프로젝트를 시작할 때 barebones 버전의 테마를 시작점으로 사용합니다. 나는이 베어 본 테마에 메가 메뉴 (워커 포함)를 구현했으며 잘 작동한다.

트리거 위로 마우스를 가져 가면 메뉴가 표시되고 사용자는 드롭 다운 메뉴에서 링크를 클릭 할 수 있습니다.

어떤 이유로 사이트의 '실제'버전 드롭 다운이 작동하지 않습니다. 드롭 다운이 표시되지만 마우스를 링크로 이동하면 바로 사라집니다.

웹 사이트는 여기에 데모 URL에서 볼 수 있습니다 : http://demo.imaginaire.co.uk/covercraft/이

가 대규모 내가 벽에 내 머리를 두드리는 것 같은 느낌이 일부 도움을 주셔서 감사합니다겠습니까! 미리 감사드립니다!

Answer 1

호버 트리거 (.dropdown-toggle)와 실제 메뉴 사이에는 약 15 픽셀 정도의 공백이 있습니다. 즉, 마우스를 움직여 메뉴 안에 넣으면 드롭 다운 토글 요소에서 1 초 동안 튀어 나와 15 픽셀 공간을 통과합니다.

이것에 대한 해결책은 몇 가지 사항에 달려 있습니다. 즉, 직접 편집 할 수있는 (또는 하위 테마를 만들어야하는) 테마를 사용하고 있거나 HTML 구조를 조금 편집 할 수 있는지 여부에 달려 있습니다. 그러나, 그냥 아주 빠른 해결책을 입증하기 위해, 당신은 아마 당신의 스타일이를 추가 할 수

.yamm .dropdown.yamm-fw .dropdown-menu{top:40px;} 

이 드롭 다운 토글의 바닥 높이가 최대가 드롭 다운 메뉴를 이동하는 순 효과가 있습니다, 그래서 당신은 그것을 시연 할 수 있고 지금 그것이 작동한다는 것을 볼 수 있습니다. 그러나이 문제에 대한 최선의 해결책은 아니므로 특정 문제를 해결하기 위해 좀 더 자세한 정보가 필요합니다.