[Closed] i need help with launguage switcher button

Hi,

Thank you for contacting WPML Support. I checked the language switcher style on example site and you should be able to achieve it by following the below steps:

1. Go to WPML >> Languages > Menu Language Switcher.
2. Edit the language switcher by clicking on the pencil icon and set the options according to your needs as you can see in the attached screenshot.
3. After that you can use the language switcher CSS selector “wpml-ls-item” and add the button CSS to it. Here an example code:

.wpml-ls-item {
    border: 1px solid #0d5a94;
    font-weight: 600;
    padding: 5px 16px;
    border-radius: 6px;
    background: #f7f8fa;
    color: #0d5a94;
       font-size: 15px;
    letter-spacing: .03em;
}

You may customise it according to your needs.

Here is a doc for more details: https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/how-to-fix-styling-and-css-issues-for-the-language-switchers/

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

Thanks for the additional details. I visited your site and it seems you have added the CSS to the language switcher to make it look like a button.

1. To remove the flag from Menu Language Switcher, Please go to the WPML >> Languages > Menu Language Switcher and edit the language switcher by clicking on the pencil icon and setting the options as you can see in the attached screenshot.

2. To display the secondary language by clicking on the language switcher button, it is necessary to translate that page into that language first. So, please make sure you have translated your site pages into a secondary language so that it will switch the language when you click on that button.

I’ve tried the same steps on my test site and it seems to be working correctly as you can see in the attached screenshots.

Please let me know if you have any questions
Thank you