Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #654396

    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.

    #654611

    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

    #654871

    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?

    #656118

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

    #656149

    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

    #656151

    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

    #656970

    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

    #658496

    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

    #659250

    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

    #660203

    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

    #660237

    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

    #660645

    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.

    #660687

    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;
    }
    #660959

    Hi,

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

    Regards,
    Rikard

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