Language switcher in top header bar

[bartvandecloot]

Hin How can I achive this http://www.la-chauve-souris.be/ wpml language switcher next to the facebook icon?

this is the dev site where I can not achieve this after updating the theme! http://quadus.be/wpnew3/

[mldarshana]

Hi there,

Thanks for writing in! Please setup a child theme first and then, create file _topbar.php in wp-content/themes/x-child/framework/views/global/ then copy the code below into that file.

<?php

// =============================================================================
// VIEWS/GLOBAL/_TOPBAR.PHP
// -----------------------------------------------------------------------------
// Includes topbar output.
// =============================================================================

?>

<?php if ( x_get_option( 'x_topbar_display' ) == '1' ) : ?>

  <div class="x-topbar">
    <div class="x-topbar-inner x-container max width">
      <?php if ( x_get_option( 'x_topbar_content' ) != '' ) : ?>
      <p class="p-info"><?php echo x_get_option( 'x_topbar_content' ); ?></p>
      <?php endif; ?>
      <?php x_social_global(); ?>
      <span class="language-switcher"><?php do_action('icl_language_selector'); ?></span>
    </div>
  </div>

<?php endif; ?>

Then try adding the following CSS rule into your Theme Options > Global CSS area.

span.language-switcher {
    float: right;
}

Hope that helps.