[Resolved] Mobile view menu flag position

Hi there.

This would need some custom coding, as you can see in the example here:
https://wpml.org/forums/topic/flag-in-wrong-area/#post-2609196

For your situation, we need to change a class in the code first and here's the complete code:

jQuery(document).ready(function(e) {
    jQuery('.wpml-ls-item').each(function(index, element) {
        jQuery(this).parent(".et_mobile_menu").prepend(this);
    });
});

I see that you are using Divi so you can follow the steps in Point 2 here (hidden link) to see how you can add this code that I shared with you above in the Divi Theme Options.

You can also find other articles in the custom search URL that I created for you below to see other ways that you can use to add custom jQuery code to your Divi theme.

- hidden link..69i57j0i22i30l3.4358j0j7&sourceid=chrome&ie=UTF-8

Kind regards,
Mihai Apetrei

Hi there.

Is probably not working because you did not add the code that I sent you above, instead, you added the code found here (https://wpml.org/forums/topic/flag-in-wrong-area/#post-2609196).

You need to add the exact code that I customized for you (see how I switched ".m-menu" with ".et_mobile_menu"?)

This is the correct code:

jQuery(document).ready(function(e) {
    jQuery('.wpml-ls-item').each(function(index, element) {
        jQuery(this).parent(".et_mobile_menu").prepend(this);
    });
});

That should do exactly what you wanted 🙂

Mihai

Hi there.

The code that I gave you does exactly what you asked:

1. It will keep the language switcher as it is now, at the end of the menu (after AKCIJA)
2. It will add the language switcher flags at the very top of the menu ONLY WHEN ON MOBILE.

Isn't that what you requested?

Please let me know.

Mihai

Welcome back and thank you for your response!

I tested this code on your website straight in the Javascript Browser Console and it worked so the code should work perfectly.

What it doesn't work though is probably the way the code is added on the website which I think should be something that the Divi support team should be able to help with.

This is custom coding work and we usually don't offer pieces of the code, especially if they are super complex.

In our case, this was not very complex but we can only help with the code that is needed.

The implementation of the code (and any complex coding) is out of the purpose of our Support Policy so my recommendation is to get in touch with Divi Support (hidden link) and just let them know what you want to accomplish, also let them know that the code was tested in the browser javascript console and it works correctly but you need help to properly implement it into your website through the theme options as you found in the documentation URLs that I shared with you which are public on the internet and even they can see those.

Please let me know how that goes.

I will be waiting for your response.

Mihai