모바일에서 메뉴 이동 문제 해결책

사이트 초기부터 제기된 문제인데 이제까지 변변히 손대질 못하고 있던 점에 대해서 해결책. 

문제를 설명하자면, 현 사이트 레이아웃은 화면 위쪽에 있는 커뮤니티/헌터즈 문/시노비가미 등등의 탭에 마우스 커서를 올려놓으면 메뉴가 확장되는 방식입니다. 컴퓨터에서는 별 문제가 없으나, 스마트 폰 등 모바일 기기의 경우 클릭하지 않고 커서만 올려놓는다는 게 없기 때문에 손가락을 가져다 대면 메뉴 확장이 아니라 그냥 클릭이 되어버리는 불편이 있죠. 그에 대한 보완으로 해당 메뉴를 클릭하면 하위 메뉴 링크들이 뜨도록 페이지를 만들어 두었습니다만, 아무래도 노가다로 유지되는 방식이라 한계가 있었습니다. 

해결책이 있을 것 같아서 이리저리 살펴보다 발견한 건데... 알고 보니 단순하네요. 메뉴 탭을 길게 터치하면 메뉴 클릭이 아니라 메뉴 확장이 됩니다. 너무 길게 터치하면 또 다른 메뉴가 뜨니까 중간 정도로 길게. 0.5초 정도?

안드로이드 폰에서 정상 작동을 확인했고, 아이패드에선 문제가 없었으니 아이폰에서 확인을 하면 모바일에서의 문제는 일단 일소된다고 생각하면 될 것 같네요. 

여담으로 스마트폰에서 게시판이 깨져 보이는 건... 차후 게시판을 XE 1.7로 업그레이드하면서 레이아웃을 갈아엎어 볼 생각이니 기다려 주세요...