워드프레스 네이버톡톡 카카오채널 버튼 겹침 해결

Table of Contents

핵심 요약: 네이버 톡톡과 카카오톡 채널 버튼이 겹쳐 보일 때, CSS 코드로 위치를 조정하는 방법을 안내합니다.

증상 확인 #

네이버톡톡과 카카오톡 채널을 동시에 활성화하여 사용할 때, 이미지와 같이 버튼이 겹쳐 보입니다.

아래 CSS 코드를 차일드 테마의 style.css 파일 또는 관리자 메뉴 [외모 > 사용자 정의 > 추가 CSS]에 추가하신 후, bottom / right 값을 변경하여 위치를 조절합니다.

.mshop_talk_banner ~ .plus-friend-global-button {
    bottom: 80px;
    right: 10px;
}

이 문제는 왜 발생하나요?

네이버톡톡과 카카오톡 채널을 동시에 활성화해서 사용할 때, 두 버튼이 같은 위치에 표시되면서 겹쳐 보이는 현상입니다.

어떻게 해결하나요?

차일드 테마의 style.css 또는 외모 > 사용자 정의 > 추가 CSS에 코드를 추가하고, bottom·right 값을 조정하면 위치가 분리됩니다.