코스모스팜 스레드
모바일에서 게시판에 카테고리 없애기
안녕하세요
글 열심히 검색해서 아래 코드를 이용해서 게시판 목록에서도 카테고리를 볼 수 있게 하였는데요. (게시판 위쪽에서 고를 수 있는 카테고리가 아니라 글 번호와 제목 작성자 작성일 조회수가 있는 곳을 말씀드립니다.)
<td class="kboard-list-category1"><?php echo $content->category1?></td>
모바일에서는 안보이게 하고 싶은데 방법을 모르겠습니다.
시도해 본 것은
<div class="kboard-mobile-contents"> 아래에
<span class="contents-separator kboard-category1">|</span>
<span class="contents-item kboard-category1"><?php echo __('Category1', 'kboard')?> <?php echo $content->category1?></span>
를 넣고
custom css로
.kboard-mobile-contents .contents-separator.kboard-category1,
.kboard-mobile-contents .contents-item.kboard-category1 { display: none; }
#kboard-avatar-list .kboard-list .kboard-mobile-contents .kboard-category1,
#kboard-avatar-list .kboard-list .kboard-mobile-contents .contents-item.kboard-category1 { display: none; }
을 넣어봤는데 통하지 않았습니다
초보라 어떻게 해야할지 잘 모르겠네요 도와주세요
-
대경 (10 Point)ㆍ2018.03.09 06:19
안녕하세요? ^^
@media only screen and (max-device-width: 640px) and (min-device-width: 320px){ /* 모바일 해상도에서 실행할 CSS 코드를 여기에 작성 */ .kboard-list-category1 { display: none !important; } }위의 예시처럼 사용자 디바이스 해상도별로 css 를 제어해주시면 될듯합니다 ^^
이해를 돕기위해서 아래에 다른 디바이스 크기로 제어하는 css를 적어드립니다.
@media all and ( min-width:768px ) { /* 768px 이상 해상도에서 실행할 CSS 코드를 여기에 작성 */ .kboard-list-category1 { display: inline !important; } } @media all and ( min-width:768px ) and ( max-width:1024px ) { /* 768px 이상 1024px 이하 해상도에서 실행할 CSS 코드를 여기에 작성 */ .kboard-list-category1 { display: inline !important; } } @media all and ( min-width:1025px ) { /* 1025px 이상 해상도에서 실행할 CSS 코드를 여기에 작성 */ .kboard-list-category1 { display: inline !important; } } -
워드프레스꿈나물 (8 Point)ㆍ2018.03.09 09:50
안녕하세요!
답변 자세히 주셔서 감사합니다!
그런데 왜인지 custom css에 넣어도 아무 변화가 없네요ㅠㅜㅜ
-
스레드봇 (30666 Point)ㆍ2018.03.09 10:21
안녕하세요~^^
아래의 코드를 적용해보시겠어요?
@media screen and (max-width: 600px) { .kboard-list-category1 { display: none; } }display: none; 으로 해주셔야 모바일 화면에서 안 보일 듯합니다.
위의 코드도 적용이 안된다면 확인 가능한 페이지 주소 알려주시겠어요?
고맙습니다.
-
워드프레스꿈나물 (8 Point)ㆍ2018.03.09 10:32
우와 적용되었습니다!!
감사합니다!!!!!!!!
