Issue with uber menu layout - flags of language switcher not visible

[bakrona]

Hi there

in the main version (german) I cannot see the language switching icons/flags anymore which are located right of the ubermenu. how can I fix this?

[tristup]

Hi @bakrona,

Thanks for reaching out.
I have checked your website and found the Flag dropdown in the menu. If you are still having this issue, please provide any screenshot marked with the issue or any video that helps us to recognize the problem.

Thanks

[bakrona]

the flags are normally always visible, now i dont see them anymore. The flag of the current version was always visible. the way it looks now, it is not clear that the little arrow is the language switcher. so there must be something with the nav bar layout that makes the flag disapear and only show once you click on the language switcher

[tristup]

Hi @bakrona,

I have checked your website and it seems that the problem with the header is solved and it is showing the flag of the selected language.

Thanks

[bakrona]

hi there
it might be a problem on smaller screens like my laptop 14’’. How can the flag be visible here as well?

[tristup]

Hi @bakrona,

I have checked your website in different screen sizes but it still shows the flag in the menu. If you are still facing this issue, I would suggest you check once by clearing type cache including the Style Cache from Cornerstone > Settings > System > Clear Style Cache and check in the incognito/private mode of the browser.

Thanks

[bakrona]

Hi there, I did as per instruction above but still the same issue

[tristup]

Hi @bakrona,

I have checked your website and found that the issue only occurs the first time the site loads. Changing the languages through the dropdown is showing the flag correctly. I would suggest you use the following custom CSS code which may help you on this.

.ubermenu-wpml-ls-first-item .ubermenu-target-title
{
    width:18px;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks