Hello, I want to have the Google Translate widget via the following code to appear in the far right of the Main Nav, not the top nav, the Main nav. Is there a way to do this with the North Theme. Thanks in advance.
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'},
'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>
Hi Multimastery,
The only way to do this, outside of using CSS, would be to add a Custom HTML widget to your menu using a plugin like Widgets in Menu for WordPress and add the provided code to that widget.
Ok well I looked at the plugin and it has the followingwarning on it, so looks like CSS is still required.
” Warning
You will need to have some CSS skills for the widgets to display properly in nav menus.
“
Hi Multimastery,
It’s very unlikely you’ll need any additional CSS in this instance as Google will include any required CSS for you.
It works but the only problem now is that although it looks good on desktop, it doesn’t look good at all on mobile i.e. cell phones. It just expands the menu and jumbles all the navigation up.
Hi Multimastery,
I personally would hide the menu with something like If Menu. Outside of that, you’ll need to write some CSS to alter how it looks (please note that this may not actually be possible – Google gives you very little control over this sort of stuff).
I’d like to help you with the CSS, but unfortunately, this is beyond the scope of the support we’re able to offer on our free forums. There is a fair amount of custom work involved.
We do offer this level of support to our premium users, so if you’d like to upgrade to SiteOrigin Premium, then I can help you over email support.
If you’d prefer not to upgrade to SiteOrigin Premium, then you can hire a WordPress developer from Codeable. They’ll charge you an hourly rate for any work done.
Ok I understand. Well can you at least tell me how to remove the whitespace from the google translate widget (particularly the height) as this is what’s causing the problem.