roxienL

Problem:
The client needed guidance on adjusting the CSS for the WPML language switcher to ensure the separator pipe displays correctly across different screen sizes.
Solution:
We recommended updating the CSS to ensure the separator pipe positions correctly. Replace the existing CSS code:

.wpml-ls-item:after {
    content: "|";
    position: absolute;
    right: -3px;
    top: 0;
    color: #000;
}

with:

li.wpml-ls-item::after {
    content: "|";
    position: absolute !important;
    right: -3px !important;
    top: -5px !important;
    color: #000;
}

If this solution does not resolve your issue or seems outdated, we recommend opening a new support ticket. Additionally, please check related known issues at
https://wpml.org/known-issues/, verify the version of the permanent fix, and confirm that you have installed the latest versions of themes and plugins. For further assistance, you can also visit our support forum at
WPML Support Forum.