반응형홈페이지에 구글자동번역 삽입 모바일에서의문제
본문
홈페이지에 자동번역을 사용하려고합니다
밑 스크립트를 이용했는데
반응형홈페이지라 그런건지
모바일에서는 클릭이되질않습니다...
왜그런건지 아시는분있으신가요?
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
추가하시면됩니다
클래스명 copy_sns 가 반응형으로 768px 이하가 될때
자동번역 부분 영역을 가려 클릭이 되질 않는 현상이네요.
media 부분을 수정하시면 클릭이 되니 스타일을 다시 만지셔야 할것 같습니다