에티테마

창크기가 PC에서 태블릿 사이즈로 줄어들때 좌측 메뉴가 이상하게 되어요

페이지 정보

작성자 no_profile sMin 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 2건 작성일 23-06-13 15:15

본문

테마명 : THEME M26

* 글작성시에는 최대한 많은 정보를 알려주시기 바랍니다. 대략적으로 알려주시면 답변드리기가 매우 어렵습니다.
* http://ety.kr/board/ety_theme_manual 메뉴얼에 많은 정보가 있습니다. 먼저 확인 부탁드리겠습니다.
* 토, 일, 공휴일은 휴무 입니다. (영업시간안내 : 평일 오전 10시 부터 ~ 오후 7시 까지)

이거 반응형이기에 창크기가 줄어들면 거기에 맞춰서 화면이 바뀌는 걸로 알고있습니다.

그런데, PC에서 테블릿 사이즈로 줄어들면 좌측에 있는 메뉴가 이상하게 변경되어서요.
저게 위로 올라가야하는 거 같은데, 이 부분은 어디가 잘못되어서 수정해야할지 몰라 문의드립니다.



  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

안녕하세요~
태블릿시에 좌측 메뉴가 그대로 남아 있어서 그런것 같습니다.
원래는 미디어 쿼리로 사이즈 별로 조정은 해놓긴했는데. 태블릿도 사이즈가 워낙 다양하니 그런것 같습니다.

해당 페이지쪽에 수정하는 코드는 이렇습니다.

/pages/about.php 파일를 예를 들어서 설명 드리겠습니다.

 

        <div class="container-fluid hidden-sm hidden-xs top-bar">
            <div class="container">
                <div class="row">
                    <div class="col-sm-1 home-btn"><a href="<?php echo G5_URL ?>"><i class="fa fa-home f36" aria-hidden="true"></i></a></div>
                    <div class="col-sm-4"><?php include_once(G5_THEME_PATH . '/left_top.php'); ?></div>
                    <div class="col-sm-7">

                    </div><!--sidebar col end-->
                </div>
            </div><!-- ./container -->
        </div><!-- ./container-fulid -->

        <!-- 수정된 내용 -->
        <div class="hidden-xs hidden-sm mt80"></div><!-- pc 간격 -->
        <div class="container">
            <div class="row" style="overflow: hidden;">
                <div class="col-md-3 col-sm-12 col-xs-12" style="overflow-y: auto;">
                    <?php include_once(G5_THEME_PATH . '/left_menu.php'); ?>
                </div><!--sidebar col end-->
                <div class="col-md-9 col-sm-12 col-xs-12">
        <!-- // 여기까지 수정된 내용 -->


위 코드에서 수정된 내용 이라는 주석이 시작된 부분을 수정하였습니다.
col-md , col-xs 값이 추가되었습니다.

기존 코드와 비교해보시면 클래스가 2개더 추가된것을 볼 수 있습니다.
아래는 태블릿 스샷 입니다.
감사합니다.

018db6410b9143ce4fa96d9333784673_1686639463_36.jpg



 

Total 1,228건 6 페이지
질문답변 목록
번호 제목 날짜
1078
시간 : 10-02
10-02
1077
시간 : 10-02
10-02
1076
시간 : 09-27
09-27
1075
시간 : 09-26
09-26
1074
시간 : 09-21
09-21
1073
시간 : 09-20
09-20
1072
시간 : 09-19
09-19
1071
시간 : 09-19
09-19
1070
시간 : 09-13
09-13
1069
시간 : 09-08
09-08
1068
시간 : 09-08
09-08
1067
시간 : 09-06
09-06
1066
시간 : 09-04
09-04
1065
시간 : 09-03
09-03
1064
시간 : 08-30
08-30
1063
시간 : 08-29
08-29
1062
시간 : 08-25
08-25
1061
시간 : 08-23
08-23
1060
시간 : 08-18
08-18
1059
시간 : 08-15
08-15
1058
시간 : 08-10
08-10
1057
시간 : 08-10
08-10
1056
시간 : 08-10
08-10
1055
시간 : 08-09
08-09
1054
시간 : 08-09
08-09
1053
시간 : 08-08
08-08
1052
시간 : 08-08
08-08
1051
M29테마 오류 댓글+ 4
시간 : 08-06
08-06
1050
시간 : 08-04
08-04
1049
시간 : 08-04
08-04
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼