Adding wpml currency switcher shortcode to secondary menu

Hi, I added a wpml language switcher drop down to the secondary menu from the wpml settings. Happy about its minimal design with Enfold, I wanted to add a currency switcher next to it. I tried this shortcode in my functions.php

function add_custom_script_translator(){
echo “<div class=’g-trans’>”.do_shortcode(‘[currency_switcher]’).”</div>”;
}
add_action(‘avia_meta_header’, ‘add_custom_script_translator’, 10);

Through this, I was able to make some changes to the css but it would only display below the language switcher and not next to it.

Next, I tried installing the shortcode menu plugin and just added the [currency_switcher] to the secondary menu. This time it was on the same level, but I wasn’t able to make any css changes to it. And on any page, besides a product page, the contents(currency switcher) are squished together.

What would be the best possible way to have them appear somewhat like this? $ USD | ENGLISH

Many thanks in advance!