kboard 게시판 에 (list.php) 버튼을 오른쪽으로 정렬시키려고 하는데요.
아래의 css를 사용하였습니다.
.kboard-control2 .kboard-default-button-small
{ float: right;}
@media screen and (max-width: 600px) {
.kboard-control2 .kboard-default-button-small
{ display: block; text-align: center; }
}
문제는 float:right 에서는 모바일 화면에 버튼이 full-width로 적용되지 않는다는것입니다.
이부분을 어떻게 해결할 수 있을까요?
안녕하세요~^^
본문에 코드를 올려주실 땐 반드시 에디터의 코드 스니펫 삽입 기능을 이용해주세요.
1:1 게시판이 아닌 공개된 커뮤니티라 내용을 상세하게 올려주시는 게 좋습니다.
또한 저희가 과거 문의를 전부 기억할 수도 없기도 하고요.
아래 링크와 이어지는 질문인지요?
https://www.cosmosfarm.com/threads/document/43947
비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?
고맙습니다.
답변 감사합니다!
사이트 주소는 밑에있구요. 로그인후 글쓰기 버튼이 모바일 버전에서는 full-width로 안나오네요.
.kboard-control2 .kboard-default-button-small
{ float: right;}
@media screen and (max-width: 600px) {
.kboard-control2 .kboard-default-button-small
{ display: block; text-align: center; }
}
fload-right; 을 지우면 모바일에서 full-width로 나옵니다. 대신 데스크탑 화면에서 버튼이 왼쪽으로 정렬되버려요.
방법이있을까요? 항상 감사합니다
안녕하세요.
올려주신 사이트에서 현재 로그인이 가능해야 글쓰기 버튼이 보이기 때문에
저희 쪽에서 확인이 어렵습니다.
게시판 쓰기권한을 임시로 제한없음으로 설정하시거나
테스트 계정 알려주시면 CSS 코드로 해결이 가능할지 살펴보겠습니다.
고맙습니다.
네 아이디는 밑에걸로 로그인하시면 될거같아요!
아이디: tester
비밀번호: Dream2020
로그인 상태에서 표시되는 글쓰기 버튼은
모바일에서 정상적으로 너비가 100%로 표시되고 있습니다.
.kboard-control2 .kboard-default-button-small 쪽은
비로그인 시 "로그인후 글쓰기" 버튼인 듯합니다.
올려주신 코드 대신 아래의 코드로 교체해서 확인해보시겠어요?
.kboard-control2 .kboard-default-button-small { float: right;}
@media screen and (max-width: 600px) {
.kboard-control2 .kboard-default-button-small { display: block; padding: 6px 0; width: 100%; text-align: center; }
}
고맙습니다.
감사해요 바로 해결됫네요!