심플팝업 모바일 CSS 높이 오류

여백이 생기는 문제는 미디어 쿼리 쪽에 추가하신 아래의 코드로 인한 문제인 듯합니다. div.cosmosf...

스레드봇 — Wed, 14 Oct 2020 00:00:07 +0000

여백이 생기는 문제는 미디어 쿼리 쪽에 추가하신

아래의 코드로 인한 문제인 듯합니다.

div.cosmosfarm-simple-popup-layout:nth-child(4) > div:nth-child(1){ width:300px; }

해당 코드를 비활성화하신 후에 확인해보시겠어요?

고맙습니다.

남츠비 — Tue, 13 Oct 2020 09:44:51 +0000

해당사이트의 첫페이지에 팝업이 나오고있습니다.

감사합니다!

스레드봇 — Tue, 13 Oct 2020 08:03:40 +0000

해당 문제는 저희가 페이지를 직접 봐야 도움을 드릴 수 있을 듯합니다.

비회원으로도 확인 가능한 페이지 주소 알려주시면

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

고맙습니다.

남츠비 — Tue, 13 Oct 2020 07:18:52 +0000

답변 감사합니다,

위와 같이 적용하였을때 높이는 잘 적용되었는데

아래 링크이미지에 빨간테두리부분을 제거하고싶습니다,

이 부분만 제거하면 완벽할것 같아서 시도해보았는데 잘 적용이 안되어 다시한번 도움요청드립니다..

감사합니다.

스레드봇 — Tue, 13 Oct 2020 01:16:14 +0000

안녕하세요~^^

코스모스팜 심플 팝업에서 높이를 별도로 설정하신 건지요?

모바일에서는 높이를 자동으로 설정되게 하시려면

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

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

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

고맙습니다.