pc화면을 모바일에서 볼때 메뉴 터치
본문
PC 버전만 작업을 하고 모바일은 사용을 안하게 막아놨는데요
그러다보니 네비도 PC 버전을 그대로 사용하게 되는데
터치하면 클릭으로 간주되서 연결 된 링크로 이동하니까 메뉴를 사용할 수가 없네요ㅠㅠ
PC 버전에선 대메뉴 위에 마우스를 올리면 드롭다운으로 펼쳐지는 걸
모바일 기기에서는 대메뉴 터치시 뎁스가 드롭다운되고
그 하위 메뉴가 펼쳐진 상태로 고정하고 싶어요ㅠㅠ
다른 메뉴를 터치하면 이전 메뉴는 닫히고 새로 터치한 메뉴가 드롭다운 되게도 하고 싶습니다..
다른 소스가 있을까 검색 해봤는데 그누보드는 자체 php로 작동을 하니
까막눈인 제가 그 소스를 어떻게 적용해야 할지도 모르겠고 막막합니다ㅠㅠ
https://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly
이걸 찾긴 찾았는데..영어기도 하고 무슨 말인지 잘 모르겠더라구요ㅠㅠ
혹시 이 소스를 그누보드에 적용할 수 있을까요..?
답변 1
우선 드롭다운 js 인것 같은데요..(url만 보고) 해당 내용 적용은 가능할것 같습니다.
조건 수식을 넣고 모바일 일때 와 PC일때 로 구분 짓고
모바일 일때는 해당 드롭다운을 실행시키시면 될것같은데...활용만 잘하면 될것같은데요??
제가 그걸 할 줄 몰라서ㅠㅠ php는 고사하고 프론트엔드도 깊이 아는게 아니라서 어디다 어떻게 적용해야 할지 모르겠어요...나름 해본다고 head.php에 더블탭 소스 넣어봤는데 위치가 문제인지 어쩐지 작동을 안해요ㅠㅠ
마라탕수육님께서 소스를 오픈해주지 않는 이상 뭘 어떻게 짰는지 제가 알수 있는 방법이 없습니다.
그저 조건문을 넣어서 사용할수 있다 라는것과 그누보드 일경우에 어떤 테마를 사용하셨는지 여부라도 알려주셔야 확인이든 테스트든 해볼텐데요..