That top bar is the Google Translate banner (goog-te-banner-frame).
<!-- Language select -->
<button onclick="translateLanguage('en')">English</button>
<button onclick="translateLanguage('bn')">বাংলা</button>
<div id="google_translate_element" style="display:none;"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
includedLanguages: 'en,bn',
autoDisplay: false
}, 'google_translate_element');
}
function translateLanguage(lang) {
var interval = setInterval(function () {
var select = document.querySelector(".goog-te-combo");
if (select) {
select.value = lang;
select.dispatchEvent(new Event("change"));
clearInterval(interval);
}
}, 500);
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<style>
.goog-te-banner-frame.skiptranslate {
display: none !important;
}
body {
top: 0 !important;
}
.goog-logo-link,
.goog-te-gadget span {
display: none !important;
}
.goog-te-gadget {
color: transparent !important;
}.goog-te-banner-frame.skiptranslate {
display: none !important;
}
body {
top: 0 !important;
}
.skiptranslate{
visibility: hidden;
}
.VIpgJd-ZVi9od-ORHb-OEVmcd {
left: 0;
top: -45px;}
</style>
Google Translate without banner
Reviewed by Md Shahinur Islam
on
July 12, 2026
Rating:
No comments: