우선 pc, 태블릿, 모바일 버전으로 만들었습니다
pc,태블릿 버전에선 ul.gnb > li 에 호버시 하위메뉴 div.depth가 슬라이드다운되도록 만들었는데요
문제는 모바일 버전에서입니다
모바일 버전으로 전환시 gnb는 햄버거버튼으로 대체되는데
이 햄버거 버튼을 클릭시 ul.gnb > li가 슬라이드다운이 되도록 만들었습니다
헌데 문제가 뭐냐면 ul.gnb > li 에 마우스를 호버시키면 .depth메뉴가 어거지로 구겨져서 나옵니다
pc,태블릿 버전에서 ul.gnb > li 에 적용된 제이쿼리를 모바일버전에서 끊고 새로 만든걸로 대체하려는데
어떻게 방법이 있을까요?
답변 2개
채택된 답변
+20 포인트
블랙캣77
7년 전
메뉴 자체를 따로 만드시고 미디어로 제어 하시면 되지 않을까요? 보통 그렇게 하는걸로 알고 있습니다.
그누스트랩
7년 전
반응형은 미디어쿼리로 제어합니다 제이쿼리의 효과없이 가능합니다.
답변을 작성하려면 로그인이 필요합니다.