테스트 사이트 - 개발 중인 베타 버전입니다

반응형홈페이지에 구글자동번역 삽입 모바일에서의문제 채택완료

부자철 4년 전 조회 1,964

홈페이지에 자동번역을 사용하려고합니다
밑 스크립트를 이용했는데
반응형홈페이지라 그런건지
모바일에서는 클릭이되질않습니다...
왜그런건지 아시는분있으신가요?
tail 에 넣었습니다
홈페이지 주소는 : http://koru21.com 입니다

<!-- Google 번역 -->
<style type="text/css">
<!--
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-te-gadget-icon {background-image:url(//gtranslate.net/flags/gt_logo_19x19.gif) !important;background-position:0 0 !important;}
body {top:0 !important;}
-->
</style>
<div id="google_translate_element" class="hd_lang"></div>
<script>
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({
            pageLanguage: 'ko',
            includedLanguages: 'ko,ru,en',
            layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
            autoDisplay: false
        }, 'google_translate_element');
    }
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- //Google 번역 -->

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

추가하시면됩니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

부자철
4년 전
혹시 어디다가 추가하면될까요?

댓글을 작성하려면 로그인이 필요합니다.

j
4년 전

클래스명 copy_sns 가 반응형으로 768px 이하가 될때

자동번역 부분 영역을 가려 클릭이 되질 않는 현상이네요.

 

media 부분을 수정하시면 클릭이 되니 스타일을 다시 만지셔야 할것 같습니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

부자철
4년 전
이 댓글도 도움이 되었습니다 감사합니다 !

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인