ocean-franchise 프랜차이즈 스킨 모바일 오류입니다

KBoard 오션 프랜차이즈 스킨 게시판 모바일 오류입니다

현재 PC 페이지에서는 페이징이 정상적으로 표시되는데

모바일로 봤을시에는 1페이지밖에 표시되지않네요

이 부분 어디를 수정해야 하는 걸까요?

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    모바일에서는 화면이 좁아서

    모든 스킨에서 페이징 넘버는 하나만 나오도록 되어있습니다.

     

    PC와 동일하게 전체 페이징 넘버가 나오도록 하시려면

    FTP로 접속해서 /wp-content/plugins/kboard/skin/ocean-franchise/style.css 파일을 수정해주세요.

     

    1. 아래의 코드를 찾아주세요.

    @media screen and (max-width: 600px) {
    	#kboard-ocean-franchise-list .kboard-map { width: 100%; text-align: center; }
    	#kboard-ocean-franchise-list .kboard-search { clear: both; float: left; width: 100%; }
    	#kboard-ocean-franchise-list .kboard-branch { clear: both; float: left; width: 100%; }
    	#kboard-ocean-franchise-list .kboard-list table td.kboard-list-uid { width: 50px; }
    	#kboard-ocean-franchise-list .kboard-list td.kboard-list-branch { display: none; }
    	#kboard-ocean-franchise-list .kboard-pagination .kboard-pagination-pages li { display: none; }
    	#kboard-ocean-franchise-list .kboard-pagination .kboard-pagination-pages li.first-page,
    	#kboard-ocean-franchise-list .kboard-pagination .kboard-pagination-pages li.last-page { display: inline-block; *display: inline; zoom: 1; }
    	#kboard-ocean-franchise-list .kboard-pagination .kboard-pagination-pages li.prev-page,
    	#kboard-ocean-franchise-list .kboard-pagination .kboard-pagination-pages li.next-page { display: inline-block; *display: inline; zoom: 1; }
    	#kboard-ocean-franchise-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
    	#kboard-ocean-franchise-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 6px 18px; }
    	#kboard-ocean-franchise-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; *display: inline; zoom: 1; }
    	
    	#kboard-ocean-franchise-editor .kboard-attr-row input[type=text],
    	#kboard-ocean-franchise-editor .kboard-attr-row input[type=file],
    	#kboard-ocean-franchise-editor .kboard-attr-row input[type=password] { width: 50%; }
    	
    	#kboard-ocean-franchise-document .kboard-detail .detail-view { display: none; }
    	#kboard-ocean-franchise-document .kboard-franchise-info .kboard-franchise-thumbnail { display: none; }
    }

     

    2. 아래의 코드로 교체해주세요.

    @media screen and (max-width: 600px) {
    	#kboard-ocean-franchise-list .kboard-map { width: 100%; text-align: center; }
    	#kboard-ocean-franchise-list .kboard-search { clear: both; float: left; width: 100%; }
    	#kboard-ocean-franchise-list .kboard-branch { clear: both; float: left; width: 100%; }
    	#kboard-ocean-franchise-list .kboard-list table td.kboard-list-uid { width: 50px; }
    	#kboard-ocean-franchise-list .kboard-list td.kboard-list-branch { display: none; }
    	
    	#kboard-ocean-franchise-editor .kboard-attr-row input[type=text],
    	#kboard-ocean-franchise-editor .kboard-attr-row input[type=file],
    	#kboard-ocean-franchise-editor .kboard-attr-row input[type=password] { width: 50%; }
    	
    	#kboard-ocean-franchise-document .kboard-detail .detail-view { display: none; }
    	#kboard-ocean-franchise-document .kboard-franchise-info .kboard-franchise-thumbnail { display: none; }
    }

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기