Remove lenguage switch folder from menu (mobile)

Hi, we used Weglot to translate this site, but our client is looking to delete the folder that contains the language options in mobile version. Desktop works fine because you only have to hover over the folder to see the other options, but in mobile version it takes an extra click that confuses users, specially because the language on display is the one active at the time. If anyone has a useful insight on how to fix it we'd appreciate it, thanks

Can you share your website URL?

18 minutes ago, Web_Solutions said:

Can you share your website URL?

Sure

https://www.primordialmulticultural.org/

19 minutes ago, Sabrina-Shape said:

Sure

https://www.primordialmulticultural.org/

See the video. Like this possible 

https://www.loom.com/share/bb53d7a126c24f23bd349c0424de3ce9?sid=69bc324b-1372-47e9-bf4c-df1f4b850790

1 minute ago, Web_Solutions said:

See the video. Like this possible 

https://www.loom.com/share/bb53d7a126c24f23bd349c0424de3ce9?sid=69bc324b-1372-47e9-bf4c-df1f4b850790

Yes, that seems to work great, is there a code I can use to make it possible?

You can use this code to Design > Custom CSS or Website > Website Tools > Custom CSS

@media screen and (max-width: 991px) {
.header-menu-nav-folder {
    transform: translatex(0);
    will-change: transform;
}
div#multilingual-language-picker-mobile .header-menu-nav-folder-content {
    justify-content:end;
}
.header--menu-open .header-menu .header-menu-nav-list {
    display: flex;
    flex-direction: column;
}
.header-menu-nav-folder--active {
        flex-grow: 1;
    }
#multilingual-language-picker-mobile  .header-menu-controls {
    display: none;
}
.header-menu-actions.language-picker.language-picker-mobile {
    display: none;
}
.header-menu-nav-folder {
    min-height: unset;
    position: static;
}
}