안녕하세요~^^

코스모스팜 플로팅 메뉴 플러그인 사용 시

이미지 간격을 없애고 모바일에서는 안 보이게 하시려면

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

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

.cosmosfarm-floating-menu .floating-menu-item { margin-bottom: 0;  }

@media screen and (max-width: 600px) {
	.cosmosfarm-floating-menu { display: none; }
}

위의 코드를 적용해도 여백이 존재한다면

아래의 코드도 추가해보세요.

.cosmosfarm-floating-menu .floating-menu-item a { display: block; height: 100px; }

위의 코드에서 100px 부분은 실제 이미지 높이만큼 적용해보세요.

고맙습니다.

고맙습니다.

알려주신 코드를 추가하니 스마트폰에서는 안보이고 

데스크톱에서는 두개의 배너가 간격 없이 붙었네요. 

그런데 

혹시 스마트폰에서 아예 안보이게 하지 않고 

크기만 조절할 수도 있나요..?? 

지금은 가로세로 100픽셀짜리 퀵배너인데 

여백이 없어서 그런가

배너아이콘 디자인에 문제가 있어서 그런가 

스마트폰에서 보면 너무 쬐끄맣게 보이거든요.. ;;;

모바일에서 이미지 크기를 조절하시려면

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

@media screen and (max-width: 600px) {
	.cosmosfarm-floating-menu .floating-menu-item img { width: 100px; max-width: 100px; }
}

위의 코드에서 픽셀 크기는 적절히 조절해보세요.

고맙습니다.

오오오오 고맙습니다~~~~ ><