This thread is resolved. Here is a description of the problem and solution.
Problem:
The client wants to add a separator between language switcher items.
Solution:
Here is the solution:
https://wpml.org/forums/topic/separator-between-language-switcher/#post-12002871
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 5 replies, has 2 voices.
Last updated by MOOI 1 year, 7 months ago.
Assisted by: Noman.
 MOOI |
|
 Noman Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00) |
Hi, Thank you for contacting WPML Support. You can achieve it by using the below CSS in custom CSS section of your theme:
.wpml-ls-item {
position:relative;
}
.wpml-ls-item::after {
content: "/";
position: absolute !important;
right: -7px !important;
top: 36px !important;
color: #fff;
}
.wpml-ls-item + .wpml-ls-item::after {
content: '';
}
And it will look as in the attached screenshot. Here is another ticket with similar issue: Please let me know if this resolves your issue or if you need further assistance with this issue. Thank you  |
|
MOOI |
|
|
MOOI |
|
|
Noman Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00) |
Yes, you can achieve it on the mobile menu by using the below CSS:
@media(max-width:992px){
.wpml-ls-item {
width: auto !important;
margin-right: 15px !important;
}
.menu-item.wpml-ls-item::after {
color:#000 !important;
top: 25px !important;
right:0 !important;
left: 30px !important;
}
}
And it will look as in the attached screenshot. Please understand that I'm helping you here with an issue that is out of the scope of our support forum and we will not be able to support the fix that we give you in the future. Because the theme or our code might have changed, so please always be aware of this. Right now it's working without any issue. Thank you  |
|
MOOI |
