태블릿 크기에서 좌측메뉴 깨짐 및 레이아웃 문제 발생되는내용
페이지 정보
작성자
소프트존
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 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"> <!-- 수정사항 -->
즐거운 하루 되세요~
감사합니다.
댓글목록
등록된 댓글이 없습니다.