I use Twitter Bootsrap's navbar to put a navigation bar on top of my website. (class="navbar navbar-fixed-top")
I also need to use Google Translate widget. I use tools written here <http://translate.google.com/translate_tools>. But when user selects a language to translate, Google puts a horizontal navbar on top of my page. That bar masks my own navbar. I need my navbar appear just below the Google's horizontal bar. Should I use z-index ? But in that case one of them will mask other navbar? Is there a better solution? To show one of them below another? Thank you edit: when I add following code to the top of my page, Google puts a navbar before my navbar, and everything seems well. But the bad thing is, Google's navbar is visible for every user. I need to show only to the users that doesn't speak my page's language. <div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'fr', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL }, 'google_translate_element'); } </script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> -- You received this message because you are subscribed to the Google Groups "General" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-translate-general/-/6nH0UPRDPbsJ. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-translate-general?hl=en.
