토론방

소스관련 반응형 쇼핑몰 모바일페이지 상 하부 카테고리 비활성화

(필수) 확인 가능한 전체 URL : http://tnk01.only1ad.co.kr/pc

urshop02 폼으로 반응형 쇼핑몰을 디자인 중 발생한 문제를 의뢰합니다.

1. 모바일페이지 상 하부 카테고리 비활성화

 - 메인페이지 카테고리 중 "양봉농원 소개"를 마우스오버하고 하부카테고리를 클릭하면

  웹페이지에선 하부카테고리가 나열되어 선택할 수 있는 반면에 모바일페이지에선

  첨부 사진과 같이 하부카테고리를 선택할 수 없고 바로 첫페이지인 "인사말"로 넘어가

  비활성화 되는 문제가 발생되었습니다. 답변 부탁드립니다.

 

 2. 메인 페이지 이미지 확장

  - 지난번 비슷한 질문을 드린 바 있습니다만, 메인 페이지 이미지를 와이드형으로

  화면에 width 를 꽉 채우고자 한다면 어떻게 처리해야 합니까?

  소스 전체를 수정해야 하는 큰 작업인지요?

  잘 모르는 부분이라서 알려주시면 잘 배우고자 합니다 ^^;; 

 

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 이**우 2015-06-24

    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%;}

    (슬라이드 관련 크기를 해당 그룹디자인에서 추가로 수정하셔야 합니다.)

댓글작성

열기 닫기

댓글작성
top