모바일에서 팝업 크기가 너무 크게 보이는데, PC와 별개로 모바일 팝업창을 설정할 수 있나요?
크기나 위치를 조절 할 수 있으면 좋을 것 같습니다.
안녕하세요~^^
심플 팝업 플러그인은 모바일에서 너비를 100%로 설정하고 있습니다.
현재는 모바일에서 다른 위치나 크기로 적용하시려면
CSS 코드를 추가해야 할 듯합니다.
위치나 크기를 어떻게 적용하고 싶으신 건지 알려주시면
CSS로 해결이 가능한지 살펴보겠습니다.
고맙습니다.
제가 업계 종사자가 아니라서 전문용어는 이해가 어렵습니다.
홈페이지 제작 업체에 의뢰하여 홈페이지를 만들었고, 그쪽에서 워드프레스에 심플팝업을 설치 해줬습니다.
http://ademain-clinic.com/
홈페이지 주소 입니다.
모바일로 접속 시 모바일 화면 폭에 꽉차서 부담스럽게 보입니다. 위아래 화면 크기가 작은 기종의 핸드폰은 팝업창 닫기를 누르기 어려운 경우도 있습니다.
설정할 수 있는 방법이 있는지 궁금합니다.
pc 화면에서 뜨는 팝업은 상단여백 왼쪽여백 너비 를 조절 가능하더군요. 모바일도 이런식으로 조절이 가능하면 좋을 것 같습니다.
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
@media screen and (max-width: 600px) {
.cosmosfarm-simple-popup-layout { top: 50px !important; left: 5% !important; width: 90% !important;}
}
위의 코드를 활용하시면 심플 팝업 모바일 CSS 속성을 변경하실 수 있습니다.
위의 코드에서 top 속성은 상단 여백 설정이며
left 속성은 왼쪽 여백 설정입니다.
width 속성은 너비 설정입니다.
위의 수치들을 적절히 조절해서 적용해보시겠어요?
고맙습니다.