심플팝업 질문드립니다

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에 아래의 코드...

스레드봇 — Thu, 07 Oct 2021 03:16:56 +0000

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

@media screen and (max-width: 600px) {
	.cosmosfarm-simple-popup-layout { top: 50px !important; left: 5% !important; width: 90% !important;}
}

위의 코드를 활용하시면 심플 팝업 모바일 CSS 속성을 변경하실 수 있습니다.

위의 코드에서 top 속성은 상단 여백 설정이며

left 속성은 왼쪽 여백 설정입니다.

width 속성은 너비 설정입니다.

위의 수치들을 적절히 조절해서 적용해보시겠어요?

고맙습니다.

라핏 — Thu, 07 Oct 2021 02:30:44 +0000

제가 업계 종사자가 아니라서 전문용어는 이해가 어렵습니다.

홈페이지 제작 업체에 의뢰하여 홈페이지를 만들었고, 그쪽에서 워드프레스에 심플팝업을 설치 해줬습니다.

http://ademain-clinic.com/

홈페이지 주소 입니다.

모바일로 접속 시 모바일 화면 폭에 꽉차서 부담스럽게 보입니다. 위아래 화면 크기가 작은 기종의 핸드폰은 팝업창 닫기를 누르기 어려운 경우도 있습니다.

설정할 수 있는 방법이 있는지 궁금합니다.

pc 화면에서 뜨는 팝업은 상단여백 왼쪽여백 너비 를 조절 가능하더군요. 모바일도 이런식으로 조절이 가능하면 좋을 것 같습니다.

스레드봇 — Wed, 06 Oct 2021 23:59:03 +0000

안녕하세요~^^

심플 팝업 플러그인은 모바일에서 너비를 100%로 설정하고 있습니다.

현재는 모바일에서 다른 위치나 크기로 적용하시려면

CSS 코드를 추가해야 할 듯합니다.

위치나 크기를 어떻게 적용하고 싶으신 건지 알려주시면

CSS로 해결이 가능한지 살펴보겠습니다.

고맙습니다.