Header builder mobile menu - WPML positioning

[Pbalazs89]

Hi there,

I have the wpml flags set up on my site, but I can’t figure out how to position them correctly to start under each other.

https://www.coachingandfamily.com/method/ - is the page. I would like the two items to be of the same length, and one to start under the other.

[thai]

Hi There,

Please find this custom CSS:

.wpml-ls-first-item .x-dropdown {
    width: 2em;
}

And change to this:

.wpml-ls-first-item .x-dropdown {
    width: 47.25px;
}

Let us know how it goes!

[Pbalazs89]

Hi, this fixed the issue partially, the problem is that it still starts at the wrong place: https://www.dropbox.com/s/awxt69oop53lewn/Screenshot%202018-08-30%2013.50.12.png?dl=0

I would like it so that it is positioned relative to the main language switcher. I guess it is positioned relative to it now as well, but to the right a bit. How can I fix this? It is fine on some pages, then it messes up on others.

[mldarshana]

Hi There @Pbalazs89

Can you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

.e75-6 .x-dropdown[data-x-stem-top] {
    margin-left: 0 !important;
}

Hope that helps.