Styling issue with top bar and weglot widget

Hi,

I’m hoping you can help me. I have Weglot widget positioned in the top bar but it is showing options/dropdowns for both the language two letter code and the full name of the language when it should only show one or the other. (see attached screenshot)

To reproduce the issue you can go to this page https://yum-asia.com/eu/fr/ and see the top bar and how the widget displays.

The developer said the following but I don’t even know where to start to do this in your theme:

“It seems that it comes from the size of your div.
When you change the size, the elements are put in the right direction.
https://www.loom.com/share/b0a6a32e4b924017b23074b4b1a26410

Don’t hesitate to edit your CSS”

Are you able to advise me with what the issue could be and what CSS to use to line up things correctly in the top bar?

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

You don’t have enough place in the top bar, try to add the following code in Theme Settings -> Custom CSS.

#menu-store-location {
  flex-wrap: nowrap;
}

Kind Regards

[Author]

Posts