모바일 화면에서 이전글, 다음글 버튼 레이아웃을 약간 수정하고 싶습니다
아래의 코드를 사용하면 한줄에 모두 표시가 되던데, 그렇게는 말고 두줄에 표시가 되지만 공백을 없애고 싶습니다.
@media screen and (max-width: 600px) {
#kboard-default-document .kboard-document-navi .kboard-prev-document { width: 50%; }
#kboard-default-document .kboard-document-navi .kboard-next-document { margin-top: 0; width: 50%; text-align: right; }
}
빨간색 부분의 제목을 ">>" 표시 바로 옆으로 공백없이 당길 수 있는 방법이 있나요??
안녕하세요~^^
올려주신 코드를 확인해보니 KBoard 디폴트 스킨을 사용 중이신 듯합니다.
모바일에서 게시글 본문 페이지 다음글 쪽 제목을 오른쪽 정렬하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
@media screen and (max-width: 600px) {
#kboard-default-document .kboard-document-navi .kboard-next-document { text-align: right; }
}
CSS 코드 수정 후에는 반드시 브라우저의 캐시를 비우신 후에 확인해주세요.
크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.
고맙습니다.