[Resolved] I want to fix the language switcher on my theme

Hi there,

Thank you for contacting WPML support, I’d be happy to help you on this issue.

I’ve read the log chat and my colleague has provided some custom CSS code to customize the language switcher on your site. Can you please let me know if it works on your end (after clearing all caches)? If not, please let me know and share some screenshots of your expectations.

Look forward to your reply.

Thanks

Hi,

Thank you for your feedback.

I created an example of how you can archive it here, you can try to add this custom CSS code to Appearance > Customize > Additional CSS

.wpml-ls-item > .wd-dropdown {
width: 100%;
left: 0 !important;
padding: 0;
background-color: rgba(12,10,28,1);
border-top: 1px solid;
}

.wpml-ls-item > .wd-dropdown ul {
height: 44px;
padding: 0 10px;
display: flex;
align-items: center;
}

.wpml-ls-item .wd-dropdown ul li a {
font-size: 12px;
color: #fff;
}

.wpml-ls-item .wd-dropdown ul:hover li a {
color: rgba(255,255,255, 0.8);
}

Since the custom code is beyond our scope of support, if it does not work on your site, I recommend contacting one of our certified contractors for more help.
https://wpml.org/contractors/

Look forward to your reply.

Thanks