안녕하세요, 코스모스팜 개발진님.
오늘도 고민거리를 하나 가져왔습니다.
https://teamplaysimple.com/%ed%9a%8c%ec%9b%90%ec%a0%95%eb%b3%b4-%ed%8e%98%ec%9d%b4%ec%a7%80/
위 페이지에서 pc에서는 [ 회원가입 버튼 ] 과 [프로필 추가]가 잘뜨는데
모바일에서는 위치를 이래저래 수정해보아도 보이지가 않습니다.
크기를 줄일 떄 마치 backspace로 지우듯이 사라지는데 어떤 css를 적용하면 좋을까요 ㅠ..
답변 부탁드립니다.
안녕하세요~^^
올려주신 페이지 주소로 확인해보니
직접 추가하신 아래의 CSS 코드 문제인 듯합니다.
.cosmosfarm-members-form .button_div {
margin-top: 80px;
margin-left: 250px;
margin-right: 250px;
overflow: hidden;
}
해당 코드가 모바일에서도 동작하고 있는 문제로 보입니다.
기존 코드 밑에 아래의 CSS 코드를 추가해서
모바일 전용 CSS 코드도 추가해보시겠어요?
@media screen and (max-width: 600px) {
.cosmosfarm-members-form .button_div {
margin-top: 80px;
margin-left: 100px;
margin-right: 100px;
}
}
위의 코드에서 각 픽셀 크기는 적절히 조절해보세요.
고맙습니다.
코스모스팜 회원관리 플러그인 관련해서는 워드프레스 카테고리에 올려주시길 부탁드립니다.
해당 게시글을 KBoard -> 워드프레스 카테고리로 이동하겠습니다.