WPML Language switcher in Integrity topbar

[fbrugger]

Hi there

I would like to place the WPML Language switcher in the Integrity topbar beside the social icons. Is this possible?

Thank you very much for your help!

[Prasant]

Hello Felix,

Thanks for reaching out.

Please take a look at the solution mentioned in following thread:

How to add WPML language buttons to topbar (Integrity Stack)

Thanks.

[fbrugger]

Hi Prasant

Thank you very much for your good advice! This worked perfect.

I also placed the language flag in the bottom menu and uploaded a custom png with a round flag.

I added this CSS for making the PNG 18x18px as a circle:

.wpml-ls-menu-item .wpml-ls-flag {
vertical-align: top;
width: 18px;
height: 18px;
}

But with this CSS the flag appears to be distorted and the top and bottom of the flag is missing.

Any idea what I did wrong?

Thank you very much for your help!

[paul.r]

Hi Felix,

The height of your image is 12px, so setting the height to 18px will stretch the image and make it look distorted.

Please change your css code to this.

.x-colophon.bottom .wpml-ls-menu-item .wpml-ls-flag {
    vertical-align: top;
    width: 18px;
    height: 12px;
    margin-top: 3px;
}

Hope that helps

[fbrugger]

Hi Paul

Thank you very much for your help. I did the original uploaded image to 18x18px but I guess, WPML crops the image to 12x18px.

So I will change the original image size back to this size.

Thanks again.

[thai]

You’re welcome.