애니빌드.LAB
토론방
소스관련 반응형 쇼핑몰 모바일페이지 상 하부 카테고리 비활성화
- t**k01
- 2015-06-24 10:03:52
- hit4520
- http://lab.anybuild.co.kr/bbs/qna/4518
(필수) 확인 가능한 전체 URL : http://tnk01.only1ad.co.kr/pc
urshop02 폼으로 반응형 쇼핑몰을 디자인 중 발생한 문제를 의뢰합니다.
1. 모바일페이지 상 하부 카테고리 비활성화
- 메인페이지 카테고리 중 "양봉농원 소개"를 마우스오버하고 하부카테고리를 클릭하면
웹페이지에선 하부카테고리가 나열되어 선택할 수 있는 반면에 모바일페이지에선
첨부 사진과 같이 하부카테고리를 선택할 수 없고 바로 첫페이지인 "인사말"로 넘어가
비활성화 되는 문제가 발생되었습니다. 답변 부탁드립니다.
2. 메인 페이지 이미지 확장
- 지난번 비슷한 질문을 드린 바 있습니다만, 메인 페이지 이미지를 와이드형으로
화면에 width 를 꽉 채우고자 한다면 어떻게 처리해야 합니까?
소스 전체를 수정해야 하는 큰 작업인지요?
잘 모르는 부분이라서 알려주시면 잘 배우고자 합니다 ^^;;
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
1. 사이트 및 원본 수정하였습니다. (스킨, 그룹디자인, 모바일css, 데스크탑css, 이벤트js)
2. 지금 사이트 스킨 구조는 다음과 같이... container 안에 슬라이드가 있습니다.
container 크기는 최대 1000px 로 되어있기 때문에,
슬라이드의 크기를 늘리시려면 container 밖으로 빼내셔야 합니다.
@ layout 스킨
<div id="header">헤더</div>
<div id="container">본문 (슬라이드 그룹디자인)</div>
<div id="footer">푸터</div>
메인 전용으로 스킨을 하나 복사하셔서 설정하신 후...
다음과 같이 슬라이드를 본문에서 분리해서 스킨에 넣으시고, css 로 크기를 조절하시기 바랍니다.
@ lay_main 스킨 (layout 스킨 복사생성)
<div id="header">헤더</div>
<div id="main_slide">슬라이드 그룹디자인</div>
<div id="container">본문</div>
<div id="footer">푸터</div>
@css (예시)
#main_slide {width:100%;}
(슬라이드 관련 크기를 해당 그룹디자인에서 추가로 수정하셔야 합니다.)