This thread is resolved. Here is a description of the problem and solution.
Problem:
If you're experiencing issues with the flags not aligning horizontally when using the Twenty Twenty Four theme, you might need to apply custom CSS to adjust their alignment.
Solution:
We recommend adding the following CSS code to your site to align the flags properly:
.wpml-language-switcher-block ul.horizontal-list > li {
display: flex;
align-items: center;
}
.wpml-language-switcher-block .wpml-ls-flag {
display: block;
width: 18px;
height: 12px;
margin: 0;
vertical-align: middle;
}
.wpml-language-switcher-block li[data-wpml="current-language-item"] .wpml-ls-flag {
margin-top: 3px;
}
You can add this code via wp-admin → Appearance → Customize page → Additional CSS.
For more details on customizing the language switcher, check out these documentation links:
- How to fix styling and CSS issues for the language switchers
- How to display or hide the language switcher on specific pages
If this solution does not apply to your case, or if it seems outdated, 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 you still need assistance, please open a new support ticket at WPML support forum.
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 contains 1 reply, has 2 voices.
Last updated by 2 months, 3 weeks ago.
Assisted by: Mateus Getulio.
