1. 정확한 제품 또는 플러그인 이름
워드프레스 KBOARD CONACT-FORM
2. 상세 내용
안녕하세요. 케이보드 CONTACT-FORM을 이용하고 있는데
PC화면에서는 가로정렬로 모바일화면에서는 세로정렬로 보이게 하기 위해서
커스텀 CSS를 입력했습니다.
하지만 모바일에서 등록한 커스텀 CSS로 통일이되며
PC화면과 모바일화면에서 세로정렬된 모습으로 확인이 되는데요.
PC와 모바일 각각 커스텀CSS를 적용시키고 싶은 경우에
어떻게 하면 좋을까요??
AI에 의해 자동 생성된 답변이에요 😀
안녕하세요! 케이보드 커스텀 CSS 및 워드프레스 KBOARD CONTACT-FORM에 관한 문의 주셨군요.
PC와 모바일에서 각각 다른 커스텀 CSS를 적용하고 싶으신 경우, 워드프레스에서는 일반적으로 미디어 쿼리(Media Queries)를 사용하여 화면 크기에 따라 다른 스타일을 적용할 수 있습니다.
먼저, 테마의 추가 CSS 옵션 또는 커스텀 CSS 플러그인을 사용하여 커스텀 CSS를 입력하는 방법을 확인해보세요. 그런 다음, 다음과 같은 미디어 쿼리를 사용하여 PC와 모바일에 각각 다른 스타일을 적용할 수 있습니다:
```css
/* PC 스타일 */
@media screen and (min-width: 768px) {
/* PC에서 적용할 스타일을 입력하세요 */
}
/* 모바일 스타일 */
@media screen and (max-width: 767px) {
/* 모바일에서 적용할 스타일을 입력하세요 */
}
```
위의 예시에서는 768px를 기준으로 PC와 모바일을 구분하고 있습니다. 이 기준은 필요에 따라 조정할 수 있습니다. PC 스타일과 모바일 스타일을 각각 입력하고, 해당 미디어 쿼리를 사용하여 적절한 화면 크기에서 스타일이 적용되도록 설정하면 됩니다.
만약 위의 방법으로도 문제가 해결되지 않는다면, 케이보드 커스텀 CSS와 관련하여 더 자세한 정보를 제공해주시면, 더 정확한 도움을 드릴 수 있을 것입니다. 감사합니다!
↓ 아래 버튼을 눌러서 피드백해주세요.
안녕하세요~^^
위 AI답변에서 나오듯
pc인 경우는 기존대로 css를 입력하시고
모바일인 경우에는 아래와 같이 입력해보시겠어요?
@media screen and (max-width: 600px) {
//css추가
}
고맙습니다.