Skip Navigation

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 2 replies, has 2 voices.

Last updated by mkt@uprtek 1 year, 6 months ago.

Assisted by: Noman.

Author Posts
September 1, 2022 at 10:53 am #11970371

mkt@uprtek

Tell us what you are trying to do? Configure language switcher on a row (using Divi). There seems to be padding around the language switcher (inspect). It's causing the switcher to shift upwards.

Is there any documentation that you are following? No

Is there a similar example that we can see? No

What is the link to your site? samnada.uprdev.com

lang-switcher-2.jpg
lang-switcher.jpg
September 1, 2022 at 1:33 pm #11971445

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Thank you for contacting WPML Support. I have examined the source code of the language switcher and when I changed the margin -from 14px to 0 it seems to be shown as center vertically. So, the updated CSS will look like this:

.wpml-ls-statics-shortcode_actions a {
   font-size: 10px;
   height: auto !important;
   width: 150px;
   margin: 0 2px !important;
   padding-top: 5px;
   float: right;
}

And it should look as you can see in the attached screenshot. Could you please try to update the CSS and let me know how it goes?

Please let me know if this resolves your issue or if you need further assistance with this issue.

Thank you

After - language switcher CSS.png
Before - language switcher CSS.png
This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.