심플팝업 모바일에서 이미지 폭을 화면에 맞추려면 어떻게 하나요?

심플팝업 플러그인 매우 유용한것 같습니다.

팝업창에 696x380 pixel 이미지를 꽉차게 띄워 이미지 클릭하면 특정페이지로 연결되도록 했습니다.

Q&A 검색해서 알려주신대로 팝업창을 중간에 놓기위해, 아래와 같이 워드프레스 Custom CSS 에 입력하니 PC에서는 중간쯤 위치하는것 같습니다. (여백은 값을 줘봐도 별의미 없는것 같아서 위,좌 모두 0으로 했구요)

문제는, 스마트폰(;모바일)에서도 대충 중간에 위치하긴 하는데 이미지 전체폭이 맞지않고 왼쪽이 약간 짤리는데 이건 어떻게 조정하면 화면에 맞춰질까요?

 

.cosmosfarm-simple-popup-layout { top: 50% !important; left: 50% !important; margin: -218px 0 0 -348px; }

@media screen and (max-width: 600px) {
    .cosmosfarm-simple-popup-layout .popup-content { height: auto !important; }
}
@media screen and (max-width: 600px) {
    .cosmosfarm-simple-popup-layout { width: auto !important; }
}

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요