t20 메인화면 갤럭시탭 버튼 반응형으로 변경하고 싶어요
페이지 정보
작성자
본문
테마명 :에티테마 T20
* 단독서버, 로컬서버등은 따로 지원해드리지 않고 있습니다. (테마 구매하셔도 서버세팅은 별도 해드리지 않습니다.)
* 버그, 오류 외 에는 별도 코드 수정은 해드리지 않으니 ftp 접속정보나 개인정보는 남기지 말아주세요.
* 최대한 자세히 질문해주시고 이미지 첨부해주시면 최대한 좋은 답변을 얻으실 수 있으니 참고 해주세요~
* 토, 일, 공휴일은 휴무 입니다. (영업시간안내 : 평일 오전 10시 부터 ~ 오후 7시 까지)
에티테마 홈페이지에서
(sns 네이버 회원가입했는데 로그인 할려니 다시 네이버 .sns 회원가입하라구 하네요 닉네임: 시기사랑 이었습니다. )
안녕하세요 테마 또 질문을 드립니다.
/public_html/theme/t20/skin/latest/gallery_carousel_1 최신글 사용합니다.
메인화면에서 최신글을 여러개 보여주는 버튼이 있는데 반응형으로 동작이 안됍어서 이렇게 질문을 드립니다.
메인화면 html 태그입니다.

웹사이즈를 줄이면 아래 화면 처럼 나옵니다.

반응형으로 버튼이 이렇게 구성이 가능할까요???

글읽어주셔서 감사합니다.
* 단독서버, 로컬서버등은 따로 지원해드리지 않고 있습니다. (테마 구매하셔도 서버세팅은 별도 해드리지 않습니다.)
* 버그, 오류 외 에는 별도 코드 수정은 해드리지 않으니 ftp 접속정보나 개인정보는 남기지 말아주세요.
* 최대한 자세히 질문해주시고 이미지 첨부해주시면 최대한 좋은 답변을 얻으실 수 있으니 참고 해주세요~
* 토, 일, 공휴일은 휴무 입니다. (영업시간안내 : 평일 오전 10시 부터 ~ 오후 7시 까지)
에티테마 홈페이지에서
(sns 네이버 회원가입했는데 로그인 할려니 다시 네이버 .sns 회원가입하라구 하네요 닉네임: 시기사랑 이었습니다. )
안녕하세요 테마 또 질문을 드립니다.
/public_html/theme/t20/skin/latest/gallery_carousel_1 최신글 사용합니다.
메인화면에서 최신글을 여러개 보여주는 버튼이 있는데 반응형으로 동작이 안됍어서 이렇게 질문을 드립니다.
메인화면 html 태그입니다.
<!-------------------------- 갤러리 탭 -------------------------->
<div class="container">
<div class="hidden-xs hidden-sm mt80"></div><!-- pc 간격 -->
<div class="hidden-lg hidden-md mt40"></div><!-- mobile 간격 -->
<div class="tabs-container ">
<ul id="nav_buttons" class="nav nav-tabs tab-centers ">
<li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 폐기물처리</a></li>
<li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">유품정리</a></li>
<li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">빈집/원룸정리</a></li>
<li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false">상가/사무실철거</a></li>
</ul>
<div class="tab-content mt20">
<div id="tab-1" class="tab-pane active">
<?php echo latest2('theme/gallery_list_2025', 'mdwork', 6, 25,'','',"가정/생활폐기물"); ?>
</div>
<div id="tab-2" class="tab-pane">
<?php echo latest2('theme/gallery_list_2025', 'mdwork', 6, 25,'','',"유품정리"); ?>
</div>
<div id="tab-3" class="tab-pane">
<?php echo latest2('theme/gallery_list_2025', 'mdwork', 6, 25,'','',"쓰레기집/빈집청소"); ?>
</div>
<div id="tab-4" class="tab-pane">
<?php echo latest2('theme/gallery_list_2025', 'mdwork', 6, 25,'','',"상가/사무실철거"); ?>
</div>
</div>
</div>
<div class="hidden-xs hidden-sm mt80"></div><!-- pc 간격 -->
<div class="hidden-lg hidden-md mt40"></div><!-- mobile 간격 -->
</div><!-- /container -->
갤러리 탭 이미지 첨부해 드립니다. 
웹사이즈를 줄이면 아래 화면 처럼 나옵니다.

반응형으로 버튼이 이렇게 구성이 가능할까요???

글읽어주셔서 감사합니다.
댓글목록
소프트존님의 댓글

안녕하세요.
해당 주소 좀 보내주시면 확인해보도록 하겠습니다.
비밀코멘트로 코멘트 주세요.
감사합니다.
몽땅정리님의 댓글

소프트존님의 댓글

테마폴더 index.php 쪽에 아래 코드를 적용해보시겠어요?
@media (max-width: 768px) {
#nav_buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-left: 0;
}
#nav_buttons > li {
width: 50%; /* 한 줄에 2개씩 */
text-align: center;
margin-bottom: 10px; /* 아래 간격 */
}
#nav_buttons > li > a {
display: block;
padding: 10px;
font-size: 14px;
}
}