Skip to content Skip to sidebar

Home › Support › English Support › [Resolved] The flag and the country name are not aligned

[Resolved] The flag and the country name are not aligned

This thread is resolved. Here is a description of the problem and solution.

Problem:
If you're experiencing issues with the language switcher not being centered in the menu and the flag and country name not aligning when you drop down to choose another language,
Solution:
We recommend you try adding the following custom CSS code to your site. You can insert this code by navigating to WP > Appearance > Customize > Additional CSS:

.wpml-ls-first-item {<br />    padding-top:11px!important;<br />    color:#fff;<br />}

.nav-item .dropdown-item span {<br />    display: inline;<br />}

Please note that this solution might be irrelevant if it's outdated or not applicable to your case. We highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If the issue persists, please open a new support ticket.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

This topic is split from https://wpml.org/forums/topic/split-weird-content-showing-up-when-i-hover-over-the-flag-image-in-the-language-switcher/

Tagged: 

This topic contains 3 replies, has 2 voices.

Last updated by Kor 1 year, 8 months ago.

Assisted by: Kor.

Author Posts
August 28, 2024 at 2:58 pm #16115951

austinN

Hi Kor

Thank you for your sp. I already change code and it fixed for the issue"hover to flags it show code like a picture i attachment." But "Switcher not in the middle of menu and when i drop down to choose another lang, The flag and the country name are not aligned "

Best,

Austin
August 28, 2024 at 3:15 pm #16115983

Kor

Hi there,

Thanks for your reply.

You can use the custom CSS code below to fix this. Insert into WP > Appearance > Customize > Additional CSS. 

.wpml-ls-first-item {
    padding-top:11px
}


.nav-item .dropdown-item span {
    display: inline;
}
September 2, 2024 at 4:27 am #16129849

austinN

Hi Kor

The flag and country name are aligned in a single line, while the Menu and Switcher elements are not.

Best,

Austin

Screenshot 2024-09-02 112255.png
September 2, 2024 at 8:13 am #16130374

Kor

Thanks for your reply.

Could you replace it with the one below?

.wpml-ls-first-item {
    padding-top:11px!important;
    color:#fff;
}
 
 
.nav-item .dropdown-item span {
    display: inline;
}