Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #1051366


    I have installed wpml for the purpose of a multilingual website.

    After installing it places a default language switcher to the right of the main menu in the header. The position is good but I need to change the default style.

    How can I make some changes to this switcher? There are no option in the wpml settings for this specific switcher. I don´t even find an option to remove it.

    Instead of two flags I need the switcher to display like shown in the attached screenshot.

    Thank you very much for the support.


    Hey P3T3R_0ne,

    Here are some links to consider:
    https://wpml.org/forums/topic/ (Purchase code hidden if logged out) /

    Language Switcher Options

    If you need further assistance please let us know.
    Best regards,



    thank you for reaching out.

    I cannot find an option to change the default language switcher. In the wpml settings there are options for a switcher in the menu, a switcher in the footer or a switcher as a widget. The language switcher with the flags which is currently displayed on the website to the right of the main menu is neither one of them.

    Note: don´t want a language switcher in the main menu. I want on which is to the right of the main menu or the left of the hamburger icon on mobile.

    Thank you for your support.



    I figured out a solution which is satisfactory:

    1. With CSS hide the default avia/enfold language switcher.
    2. Create a custom widget area inside the header.
    3. make a wpml widget switcher and place it in the newly created header widget area.
    4. Use css to move the widget to where desired.

    I also created a border-right for the DE li item to give it a similar look like the main menu.

    However, there is a minor issue to which I struggle to find a solution. The border I created is bigger than the border between the menu items in the main menu. What do I need to do to make it appear in the same size as the main menu border?
    I tried stuff with max-height. It made the border smaller but then it´s not vertically in the middle anymore.

    Thanks for the support and time.



    Thanks for the update.

    This css code should help align or adjust the borders.

    . (Purchase code hidden if logged out)  a {
        padding: 0 10px;
        min-height: 15px;

    Best regards,


    Hi Ismael,

    thank you for the response. The border is now displayed like desired.

    You can close the topic now. Thanks for the support.



    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘wpml – change default language switcher’ is closed to new replies.