태블릿 크기에서 좌측메뉴 깨짐 및 레이아웃 문제 발생되는내용

페이지 정보

작성자

댓글 0건 작성일 24-04-19 11:08

본문

안녕하세요. 태블릿에서 좌측메뉴가 너무 일찍 나오고 레이아웃 변경되는 문제가 있습니다.
2024 테마들에는 모두 적용이 된 상태지만, 현재 아직 개인일정으로 인해서 일부 테마들은 업데이트가 안되어 있습니다.
곧 빠른 시간안에 모두 업데이트 해놓겠습니다.~

처리 방법에 대해서 안내해드리겠습니다.

이미지 처럼 태블릿 크기에서 이렇게 줄어드는 문제가 있는데요.
지금까지 pc, mobile 만 주로 체크해서 태블릿쪽에 이런 문제가 발생되는것을 늦게 알아서
그동안 2024 테마 라고 적혀 있는 테마들은 모두 업데이트가 된 상태지만 기존에 일부 테마들에 대해서는 아직도 이런 문제가 있습니다.

수정방법을 안내해드리겠습니다.

1. 먼저 좌측메뉴가 먼저 변경이 되는 문제는 아래 처럼 수정해주세요.
위치는 /theme/테마이름/left_top.php 파일 입니다.

<!--  theme / 테마이름 / left_top.php -->
left_top.php
<div class="hidden-sm hidden-xs sub-menus ko">

아래 처럼 수정
<div class="hidden-xs sub-menus ko">

2. 각 게시판 스킨, 페이지
게시판 스킨들은 3가지 수정해주셔야 합니다 스킨폴더에 있는 파일들을 수정해주세요.
페이지들은 해당 페이지 한곳만 아래 부분 수정해주시면 됩니다.

각 게시판스킨들은 list.skin.php , view.skin.php , write.skin.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="divide80 hidden-sm hidden-xs"></div>
        <div class="container">
            <div class="row">
                <div class="col-sm-3" style="overflow-y: auto;">
                    <?php include_once(G5_THEME_PATH.'/left_menu.php');?>
                </div><!--sidebar col end-->
                <!-- left -->
                <div class="col-sm-9">



// 수정후
<div class="container-fluid 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>
        </div>
    </div>
</div>
<div class="divide80 hidden-sm hidden-xs"></div>
<div class="container">
    <div class="row" style="overflow: hidden;">
        <div class="col-sm-3 hidden-sm" style="overflow-y: auto;"> <!-- 수정사항 -->
            <?php include_once (G5_THEME_PATH . '/left_menu.php'); ?>
        </div><!--sidebar col end-->
        <div class="col-sm-12 col-md-9"> <!-- 수정사항 -->

즐거운 하루 되세요~
감사합니다.

검색

댓글목록

등록된 댓글이 없습니다.

태블릿 크기에서 좌측메뉴 깨짐 및 레이아웃 문제 발생되는내용

페이지 정보

본문

댓글목록