Skip Navigation

Home › Support › English Support › [Resolved] language switcher styling

[Resolved] language switcher styling

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.

Tagged: 

This topic contains 1 reply, has 2 voices.

Last updated by Mihai Apetrei 10 months, 1 week ago.

Assisted by: Mihai Apetrei.

Author Posts
June 14, 2023 at 10:19 am #13823947

philippE-12

Tell us what you are trying to do?

- align active language flag with main nav items
- align flags in dropdown
- reduce width of language switcher drop down

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?

hidden link

Screenshot 2023-06-14 at 12.13.50.png
June 14, 2023 at 10:40 am #13824163

Mihai Apetrei
Supporter

Languages: English (English )

Timezone: Europe/Bucharest (GMT+03:00)

Hi there.

Please add the following CSS code to Appearance > Customizer > Custom CSS:


.wpml-ls-menu-item a.raven-submenu-item.raven-link-item {
    padding-left: 15px !important;

.wpml-ls-current-language a {
    margin-top: 10px !important;
}

The maximum width is overwritten by your active theme or one of the active plugins and it would require more custom work to get it showing as you would like to.

I recommend that you hire a front-end developer or a WPML contractor (https://wpml.org/contractors/) and they should be able to help you accomplish what you are planning.

I hope that you will find this information helpful.

Mihai Apetrei
This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.