에티테마

t20 메인화면 갤럭시탭 버튼 반응형으로 변경하고 싶어요

페이지 정보

작성자 no_profile 몽땅정리 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 4건 작성일 25-06-25 14:51

본문

테마명 :에티테마 T20

* 단독서버, 로컬서버등은 따로 지원해드리지 않고 있습니다. (테마 구매하셔도 서버세팅은 별도 해드리지 않습니다.)
* 버그, 오류 외 에는 별도 코드 수정은 해드리지 않으니 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 -->

 
 갤러리 탭 이미지 첨부해 드립니다. 
   
ae66bb05f2392e537a40e37c6deca043_1750830538_5461.png
웹사이즈를 줄이면 아래 화면 처럼 나옵니다. 
e5429d381f08e454b6420cb4bf207cda_1750830609_6399.png



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

ae66bb05f2392e537a40e37c6deca043_1750830538_968.png



글읽어주셔서 감사합니다. 






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

댓글목록

소프트존님의 댓글

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

안녕하세요.
해당 주소 좀 보내주시면 확인해보도록 하겠습니다.
비밀코멘트로 코멘트 주세요.

감사합니다.

소프트존님의 댓글

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

테마폴더 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;

  }

}


시기사랑님의 댓글

no_profile 시기사랑 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

빠른 답변   정말 감사합니다. 
어제 바로 적용시켜서 진행하였습니다. 

css 라서 한참을 헤메다가  질문한거라서   정말 감사합니다. 

게시물 검색
질문답변 목록
번호 제목 날짜
열람중
시간 : 06-25
06-25

카테고리

카테고리
질문답변
 메뉴얼