How would I place Google Translate into Newsmag somewhere in the top area for all pages and posts for desktop and mobile?
With mobile being very important. Most foreign visitors are over mobile
https://translate.google.com/manager/website/
I tried different things to get to fit in, but none of them worked.
It needs to be in the top so people can see it, and it needs to appear on every page.
Hi
We did not tested this type of translations with our theme and we’re can’t say how wit work. However you can try top paste the code provide by google in header.php here: http://screencast.com/t/kmLPsrMh5k The result should be like here: http://screencast.com/t/gNN3e7Uak
Hope this helps.
Thanks!
That works well Andrei. However, could you tell me where the Google code should be placed to make the translation box appear on the next line down (with the black background to the left of the date)?
Many thanks, Katie 🙂
HI
I am not very sure what you mean so please provide more specific details about what you’e trying to do, also a screen pointing the desired result would be helpful, so I can have a closer look and get back to you with a more accurate answer.
Thanks!
.
Hi Andrei, we would like a Google Translate box to appear near the top of the page. The solution you gave to Gideon worked but pushed everything down the screen slightly. We would prefer it if the Translate box could go just below, on the black bar that also contains the date. Here is a mock-up to show you what I mean…
http://mediamunch.co.uk/Translate.jpg
Is there a way we could achieve that?
Many thanks, Katie
Yes, Katie has the problem described perfectly.
The current way it appears is clunky and it looks really bad.
It is just floating in the wrong place way off to the side.
Is there a way to get it to look better integrated, and in a position so people can see it for desktop and mobile users?
Hi
You can paste the code from google in header.php file here: http://screencast.com/t/GHlms7kABC0 and add this css in theme panel > custom code > custom css: http://screencast.com/t/v3ZbKUL4
@media(min-width: 1021px){ #google_translate_element{
position: fixed;
top: 70px;
}
}
Hope this helps.
Thanks!
