Home>Support>Google Translate in Main Nav

Google Translate in Main Nav

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'}, 
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">

This is a free community support forum. Replies are not guaranteed. If you need professional email support, please purchase a SiteOrigin Premium license.

  1. 8 months, 22 days ago Alex S Hi, I Work Here

    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.

  2. 8 months, 20 days ago Multimastery

    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.

  3. 8 months, 19 days ago Alex S Hi, I Work Here

    Hi Multimastery,

    It’s very unlikely you’ll need any additional CSS in this instance as Google will include any required CSS for you.

  4. 8 months, 16 days ago Multimastery

    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.

  5. 8 months, 16 days ago Alex S Hi, I Work Here

    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.

  6. 8 months, 12 days ago Multimastery

    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.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More