궁금하신 사항을 FAQ를 통해 해결해드립니다.
디자인 > 전용 스킨
모바일 전용스킨에서 상단 메뉴가 가로x4개로 되어 있는데 아래 이미지처럼 메뉴가 다 차지않고 부족한 경우
아이디자인 활성화 상태에서 마우스 오버 시 슬라이드 배너가 메뉴 우측으로 치우치는 현상이 발생합니다.
또한 스마트폰 안드로이드 13 버전 이상에서 보면 아래와 같은 증상이 기본적으로 발생하고 있습니다.
수정 방법 >
[적용중인 모바일 스킨폴더]/css/user.css (디자인 편집 > 모바일 편집으로 접속, 왼쪽 상단 CSS 편집)에 아래의 스타일값을 추가해 주세요.
1) 기존 상단 메뉴를 이용하면서 슬라이드 메뉴 밀림 현상만 없애려면 아래 스타일값을 이용하세요.
/* 모바일 - 기존 상단 메뉴 이용 */
#layout_header .nav_wrap {margin:0;}
2) 아래 스타일값을 추가하면 슬라이드 배너가 우측으로 밀리는 증상도 없어지고
상단 메뉴가 많은 경우 무겁게 쌓이는 증상없이 가로로 스크롤하여 편리하게 사용할 수 있습니다.
이 경우 PC 브라우저에서는 스크롤이 안되고 모바일 브라우저에서만 가로 스크롤이 됩니다.
/* 모바일 - 상단 메뉴 가로 스크롤 변경 */
* {-ms-overflow-style:none; scrollbar-width:none;}
::-webkit-scrollbar {display:none;}
#layout_header .nav_wrap ul {display:flex; overflow-y:auto; -ms-overflow-style:none; scrollbar-width:none;}
#layout_header .nav_wrap li > a {padding:0 15px;}
TOP