민트테마 반응형 메뉴 관련 질문드립니다.
본문
위 민트테마를 사용중입니다.
민트테마의 메뉴는 모바일해상도 까지는 우측상단에 메뉴버튼이 노출됩니다.
그리고, 태블릿 이상의 해상도로 올라가면, 자동으로 UI가 변경되면서 메뉴버튼이 노출되지 않고, 페이지 상단으로 옮겨지는데요.
혹시, 태블릿 이상의 해상도로 올라가도 우측상단에 메뉴버튼이 출력되는 방식으로 사용하려면 어떻게 수정을 해야하나요?
답변 2
해상도에 따른 미디어쿼리 영향으로 그런 거니까
css 수정을 하셔야 됩니다.
공통적으로 반응형 css 차원에서 조언을 드리자면
@media all and (min-width: 테블릿 이하 해상도) {
모바일 메뉴 ui노출
}
저 미디어 쿼리를 해제 시키시면 항상 노출이 되죠
찾아보도록 하겠습니다. 감사합니다.
잘 해결되었습니다. 감사합니다. ^^
그 테마 mobile.css 에 보면 600px 이하로 떨어졌을때 실행되는 미디어 쿼리를 수정하셔야 됩니다.
@media all and (max-width : 600px) {
1.로고 중앙으로 이동
2.기본 상단 메뉴 히든 처리 / 우측 메뉴 ui 출력
}
이런 사항들이 실행되니 찾아서 수정하셔야 합니다.
답변을 작성하시기 전에 로그인 해주세요.
