Hi everyone,
I am trying to integrate Google Translate and Search near to my Navigation bar but since codes provided by Google has its own div id my header is getting out of the order (i.e in different lines) . so in one line my Translate , one line Search and another line Custom Menu bar.
I have tried to remove the div and tried but in vain since the Google application does not display .
for example Google Translate Code
<strong><div id="google_translate_element"></div></strong><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
As you can see in the above codes the div id is present .
My present codes structure is something like this
<NAVIGATION>
<navigation bar > Menu </>
I have placed them inside Navigation and also navigation bar but still in vain .I have even tried to wrap above codes inside another div and place them side by side along with the navigation bar but still comes in different line.
Any suggestion how to solve such issue.
Please let me know if you need more info. Thanks in advance.
Thanks
Dev.