Magazine header content

Hi I am trying to add translate code(which works correctly) but i want to add 4 social media icons/links horizontailly underneath but these appear vertically and cant seem to get them appear correctly.

see code below

<div class="w3-container"> 
  <h2>Chose you language</h2>
  <article>
  
  <!-- GTranslate: https://gtranslate.io/ -->
 <select onchange="doGTranslate(this);" class="notranslate"><option value="">Select Language</option><option value="en|en">English</option><option value="en|fr">Français</option><option value="en|de">Deutsch</option><option value="en|ga">Gaelige</option><option value="en|es">Español</option></select><style type="text/css">
<!--
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
-->
</style>

<div id="google_translate_element2"></div>
<script type="text/javascript">
function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'en',autoDisplay: false}, 'google_translate_element2');}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>


<script type="text/javascript">
function GTranslateGetCurrentLang() {var keyValue = document.cookie.match('(^|;) ?googtrans=([^;]*)(;|$)');return keyValue ? keyValue[2].split('/')[2] : null;}
function GTranslateFireEvent(element,event){try{if(document.createEventObject){var evt=document.createEventObject();element.fireEvent('on'+event,evt)}else{var evt=document.createEvent('HTMLEvents');evt.initEvent(event,true,true);element.dispatchEvent(evt)}}catch(e){}}
function doGTranslate(lang_pair){if(lang_pair.value)lang_pair=lang_pair.value;if(lang_pair=='')return;var lang=lang_pair.split('|')[1];if(GTranslateGetCurrentLang() == null && lang == lang_pair.split('|')[0])return;if(typeof ga!='undefined'){ga('send', 'event', 'GTranslate', lang, location.hostname+location.pathname+location.search);}else{if(typeof _gaq!='undefined')_gaq.push(['_trackEvent', 'GTranslate', lang, location.hostname+location.pathname+location.search]);}var teCombo;var sel=document.getElementsByTagName('select');for(var i=0;i<sel.length;i++)if(sel[i].className=='goog-te-combo')teCombo=sel[i];if(document.getElementById('google_translate_element2')==null||document.getElementById('google_translate_element2').innerHTML.length==0||teCombo.length==0||teCombo.innerHTML.length==0){setTimeout(function(){doGTranslate(lang_pair)},500)}else{teCombo.value=lang;GTranslateFireEvent(teCombo,'change');GTranslateFireEvent(teCombo,'change')}}
</script>

</article>

  <p><a href="https://twitter.com/karunadayspa"><img title="Twitter" src="http://barntown.ie/wp-content/uploads/2017/03/icons-01.png" alt="Twitter" width="35" height="35" /></a><a href="https://twitter.com/karunadayspa"><img title="Twitter" src="http://barntown.ie/wp-content/uploads/2017/03/icons-02.png" alt="Twitter" width="35" height="35" /></a><a href="https://twitter.com/karunadayspa"><img title="Twitter" src="http://barntown.ie/wp-content/uploads/2017/03/icons-03.png" alt="Twitter" width="35" height="35" /></a><a href="https://twitter.com/karunadayspa"><img title="Twitter" src="http://barntown.ie/wp-content/uploads/2017/03/icons-04.png" alt="Twitter" width="35" height="35" /></a></p>
</div>
 

Comments

Sign In or Register to comment.