Language switcher deform

Hi! I’m trying to add TranslatePress language switcher shortcode to my main menu but when i do it deforms the whole header and appears with this text:

// need to have the same with set from JS on both divs. Otherwise it can push stuff around in HTML var trp_ls_shortcodes = document.querySelectorAll(‘.trp-language-switcher’); if ( trp_ls_shortcodes.length > 0) { // get the last language switcher added var trp_el = trp_ls_shortcodes[trp_ls_shortcodes.length – 1]; var trp_shortcode_language_item = trp_el.querySelector(‘.trp-ls-shortcode-language’) // set width var trp_ls_shortcode_width = trp_shortcode_language_item.offsetWidth + 5; trp_shortcode_language_item.style.width = trp_ls_shortcode_width + ‘px’; trp_el.querySelector(‘.trp-ls-shortcode-current-language’).style.width = trp_ls_shortcode_width + ‘px’; // We’re putting this on display: none after we have its width. trp_shortcode_language_item.style.display = ‘none’; }

Screenshot: https://scontent.fopo3-1.fna.fbcdn.net/v/t1.0-9/104430349_3138799962851704_1521850780531273453_o.jpg?_nc_cat=108&_nc_sid=825194&_nc_ohc=uAlR9qFk1jgAX8DhjAJ&_nc_ht=scontent.fopo3-1.fna&oh=b733446e1437bc4abddaa9f842a97904&oe=5F0CF4D2

How can I fix this?