Move weglot widget to header menu instead of floating

Site URL: https://www.ryggrorelsen.se/

Hi! 

I am using the weglot widget to translate my website. The standard setting is to have the translation option as a floating block in the right bottom corner. However, I would like to have the "language flags" in the header menu next to the social media icons instead of it floating on the webpage. Does anyone know how to customize the code for it? 

Now I injected the following code, which weglot provided (settings-advanced-inject code-header): 

<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
    Weglot.initialize({
        api_key: 'wg_6b9d752da6371f235fd388629481ee8b4'
    });
</script>

Thanks for your help! 

9 minutes ago, Myrthevw said:

I would like to have the "language flags" in the header menu next to the social media icons instead of it floating on the webpage.

If you can add Weglot language links within the header navigation by adding a 'Link' within the PAGES panel. Set the URL to ‘#Weglot-’ plus the 2-letter language code.

If you'd like them to appear elsewhere, you'll need some code.

Did this help? Please give feedback by clicking an icon below  ⬇️