closed not a support questionHello,
I am trying to get the Google Translate widget in the header but the position is very wierd as you can see: http://chambresdhotes-lesmolieres.com
I used to do it and I am trying to get it this way: http://www.la-maison-d-ines.com
I put the folowing code in custom.css:
#google_translate_element{
left: 900px;
position: relative !important;
top: 20px;
}
What's do you think is the probleme?
Thank you.
Elodie
Thank you for your response but where can I remove those lines?
I have copy and past this in the header:
<meta name="google-translate-customization" content="78875d7517c0bde8-f959d67f17abb757-g22fabe3ede8259ed-16"></meta>
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'fr', includedLanguages: 'de,en,es,it', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
It's not a plugin.
And how can I remove the border at the top?
Thank you again for your response. I really need your help.
Best,
Elodie
Thank you Ismael, it's getting better.
My last concern is that the widget is above the header and I will like it on the right side of my logo.
I've played with "top: 40px;" but this way the widget is showing under the white line but not working.
How come I have a top container? Can I remove?
Thank you again for you great support.
Best,
Elodie.
Hello Devin,
Thank you but I I place the code under <div class='fancyborder'></div> like you suggested, the widget disapeared and my header container is lower.
I have try every possible placement and the widget is still not at the right place.
Do you have a last suggestion?
I aloso try to remove the line <div class='fancyborder'></div> but the fancy border is still there.
Thank you again.
Elodie.
Devin
Moderator
Typically this isn't what we are able to support as its not part of theme issues and should really be under the realm of a freelance developer.
However, the fix is fairly simple. The element should be inside the main container so that you can just absolute position it and align it to the right.
In the header.php move the google div just below the div class="container main_menu". Then change your css for it to:
#google_translate_element {
right: 0;
position: absolute;
top: 60px;
}For any adjustments you need to make see: http://www.w3schools.com/cssref/pr_class_position.asp
Regards,
Devin
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
