Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 8, 2019 at 12:50 pm #1051366
    P3T3R_0ne

    Hi,

    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.

    January 9, 2019 at 4:34 pm #1051908
    Victoria

    Hey P3T3R_0ne,

    Here are some links to consider:
    https://wpml.org/forums/topic/show-language-switcher-de-en/

    Language Switcher Options

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

    January 10, 2019 at 1:06 am #1052140
    P3T3R_0ne

    Hi,

    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.

    January 11, 2019 at 9:50 pm #1052923
    P3T3R_0ne

    Hi,

    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.

    January 14, 2019 at 12:23 am #1053461
    Ismael

    Hi,

    Thanks for the update.

    This css code should help align or adjust the borders.

    .wpml-ls-legacy-list-horizontal a {
    padding: 0 10px;
    min-height: 15px;
}

    Best regards,
    Ismael

    January 14, 2019 at 3:46 pm #1053716
    P3T3R_0ne

    Hi Ismael,

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

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

    January 14, 2019 at 6:46 pm #1053775
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘wpml – change default language switcher’ is closed to new replies.