Tagged: ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 28, 2016 at 7:18 pm #654396
    L

    Hi!

    How is it possible to center the siderbar menu WPML language switcher? I tried to search this specific question, but did not found anything related.

    June 29, 2016 at 6:17 am #654611
    Jordan

    Hey L,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Jordan

    June 29, 2016 at 3:11 pm #654871
    L

    Hey Jordan,

    Unfortunately, the website is not hosted yet. It is on my localhost. The menu I use is the basic ENFOLD left sidebar menu with basic WPML settings. Nothing really changed here, I only changed the names for languages to EN and RU. I attached the screenshots with examples which part I meant to change and how I would like it to look after the css changes.

    As you see in the image below, the WPML language flags are positioned at the top left side of the sidebar menu:

    This is the visual appearance I would like to achieve:

    What should I do to replace the flags with the EN and RU and move them in the centre of sidebar menu as well as on the mobile version header?

    July 2, 2016 at 2:57 pm #656118
    L

    I know that bumping this wouldn’t help but I think that you forgot about this topic.

    July 2, 2016 at 8:44 pm #656149
    Basilis

    Hey!

    Please provide us a link of your web site, and we will give the code.
    BTW, bumping the topics, drives them to the bottom of the list, not on the top.

    Thanks a lot

    Cheers!
    Basilis

    July 2, 2016 at 8:56 pm #656151
    L

    Hey Basilis,

    Sorry, I already wrote that the website currently is on the wamp localhost. I cannot host it yet. This is really a basic Enfold install with left sidebar menu and a WPML plugin. Can you please have a look at your version of Enfold with WPML?

    Thanks

    July 5, 2016 at 12:11 pm #656970
    Andy

    Hi,

    will be difficult to assist you without a link to you website.

    To move the flags try this: 

    ul.avia_wpml_language_switch.avia_wpml_language_switch_extra {
left: 30px;
}

    and adjust as needed.

    Go into your WPML settings and adjust “What to include in the language switcher” to your needs. Though I think WPML do not offer what you need. Ask WPML support about it.

    Best regards,
    Andy

    July 8, 2016 at 4:28 pm #658496
    L

    Hey Andy,

    Your solution is not working as I expected, but I have done this repositioning myself, setting the top WPML sidebar menu switcher positions to centre by adding the following lines:

    .html_header_sidebar #top .avia_wpml_language_switch {
border-bottom-style: none;
position: relative;
left: 50%;
margin-left: -50px;
}

    However, I am still in a need to replace the flags images with just the language names in text – “EN” and “RU”
    I suppose that this switcher is the default that comes with the Enfold built-in compatibility for WPML plugin. Changing the WPML plugin settings in “Language switcher options” under “Language switcher style” and “What to include in the language switcher” settings doesn`t make any effect on the actual visual appearance with the WPML switcher in the sidebar menu. Please help.

    Regards

    July 11, 2016 at 1:48 pm #659250
    Andy

    Hi,

    did you try this with a default WordPress theme? because sidebar widgets are controlled by WordPress itself. I think it would be best to ask WPML support about it. Let us know about your results with a default WP theme.

    Best regards,
    Andy

    July 13, 2016 at 5:56 am #660203
    L

    Hey Andy,

    Sorry, you might understood it wrong. I am not meaning any sidebar widgets. The whole thing is about the Enfold sidebar menu.(sidebar header or whatever it might be called) On a default WordPress theme the WPML language selector is not seen at all. I also tried this solution but didn`t had any changing effect – https://kriesi.at/support/topic/wpml-language-selector-text-instead-of-flag-2

    I have uploaded the development website to a temporary server online and attached the link and access credentials to the private area. I just want to replace the WPML flags with the language name with two letters for each language but not sure how to do that. That`s all.

    Regards

    July 13, 2016 at 9:35 am #660237
    Andy

    Hi,

    as already said: please ask WPML support about it, as they know their plugin best.
    Let us know if you have any questions directly related to the theme and we’re happy to assist you. Maybe this helps: https://wpml.org/documentation/getting-started-guide/language-setup/

    Best regards,
    Andy

    July 14, 2016 at 4:45 am #660645
    L

    This is Enfold coded menu that comes with theme compatibility to WPML with Enfold added language switcher on top. How can this question not be directly related to the theme?

    I can surely ask the WPML team about this but I am sure they will address me back to the theme developers.

    July 14, 2016 at 6:38 am #660687
    L

    Done everything myself! If someone is interested here is the code that made this to happen:

    .language_flag img {
    display: none !important;
}
.language_code {
    display: block !important;
    text-transform: uppercase;
}
    July 14, 2016 at 6:19 pm #660959
    Rikard

    Hi,

    Great, glad you came up with a solution and thanks for sharing :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.