팝업창에 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; }
}