Legion Multiverse


Hide google translate toolbar, suggestion box and powered by section

Web Developing

Hide google translate toolbar, suggestion box and powered by section

You can use the below code to show a neat and clean Google translator on your website.
The below code will hide the suggestion box, hide the powered by section, remove the top frame, and hide the google translate toolbar.

<!DOCTYPE html>
	<title>Legionmultiverse - How to use Google Translate on your website?</title>
	<script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
	<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
	<style type="text/css">

		/* To hide the suggestion box */
		#goog-gt-tt, .goog-te-balloon-frame { display: none !important; } 
		.goog-text-highlight { background: none !important; box-shadow: none !important; }

		/* To hide the powered by */
		.goog-logo-link { display: none !important; }
		.goog-te-gadget { height: 28px !important;  overflow: hidden; }

		/* To remove the top frame */
		body{ top: 0 !important; }
		/* To hide the google translate toolbar */
		.goog-te-banner-frame { display: none !important; }

	<div id="google_translate_element"></div>
	<p>Hello Legionmultiverse!</p> 
	<p>At Legionmultiverse, we provide expert consultation for the growth of your business.Currently, we operate on major business strategic unit focusing on IT Services.Our technological expertise, high-quality standards, creativity and efficiency are combined in our services to deliver maximum value to our customers. We thrive on the latest technology stacks as per the business needs. </p>

# to hide the suggestion box
# to hide the powered by section
# to remove the top frame
# to hide the google translate toolbar