Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • October 1, 2014 at 3:03 pm #328147
    LukasE

    Hello and thank you for this wonderful theme!
    I want to display the language selector (Plugin: Polylang) in the top bar to the right of the social icons. With the following code this should be possible:

    <ul><?php pll_the_languages();?></ul>

    In which file should I insert this code so that the language selector is displayed?

    Many thanks and greetings
    Lukas

    October 1, 2014 at 8:20 pm #328448
    Yigit

    Hey LukasE!

    Please go to Appearance > Editor and open Helper-main-menu.php file and find

    //phone/info text	
						$phone			= $headerS['header_phone_active'] != "" ? $headerS['phone'] : "";

    and add your code right above it as following

    pll_the_languages();

    Best regards,
    Yigit

    October 2, 2014 at 8:07 am #328713
    LukasE

    Hey Yigit,
    thanks for your support!

    Although the flags are now in the top bar, but not the right of the Facebook-icon.
    Where do I need to place the code so that the flags are shown rightmost?

    And how can I center the flags vertically in the top bar? I could not find any setting options via CSS.

    Thanks and regards
    Lukas

    October 2, 2014 at 8:08 am #328714
    LukasE
    This reply has been marked as private.
    October 2, 2014 at 2:31 pm #328961
    Yigit

    Hi!

    Please change the code to following one

     ?> <div class="my-lang"><?php pll_the_languages(); ?></div> <?php

    and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .my-lang {
float: right;
}

    Best regards,
    Yigit

    October 29, 2014 at 5:30 pm #342829
    LukasE
    my-lang {
float: right;
}

    I’ve insert this code in my custom css but it does not work. But if i try to manipulat this my-lang element with firebug, it works!?

    Any ideas?

    Best regards,
    Lukas

    October 29, 2014 at 5:46 pm #342836
    LukasE
    This reply has been marked as private.
    October 29, 2014 at 5:51 pm #342839
    LukasE
    This reply has been marked as private.
    October 29, 2014 at 6:30 pm #342872
    Yigit

    Hey!

    There is a dot missing in front of your code, please try as following

    .my-lang {
float: right;
padding-top: 5px;
margin-right: 19px;
}

    Regards,
    Yigit

    October 29, 2014 at 7:35 pm #342932
    LukasE
    This reply has been marked as private.
    October 31, 2014 at 6:38 am #343878
    Ismael

    Hey!

    Thank you for the info.

    Just add this on Quick CSS or custom.css to adjust the switcher position:

    .my-lang {
width: auto;
float: right;
position: relative;
right: 10px;
top: 4px;
}

    Regards,
    Ismael

    October 31, 2014 at 7:09 am #343885
    LukasE
    This reply has been marked as private.
    November 1, 2014 at 10:18 pm #344717
    LukasE

    Please give me a hint, I have to start the project soon!

    Thanks and regards
    Lukas

    November 3, 2014 at 9:26 pm #345526
    Andy

    Hey!

    in your Quick CSS replace this code:

    .my-lang {
width: auto;
float: right;
position: relative;
right: 10px;
top: 4px;
}

.lang-item {
display: inline;
}

    with that one:

    .my-lang {
width: auto;
position: relative;
right: 10px;
}

.lang-item {
display: inline;
margin-right: 10px;
float: right;
margin-top: 6px;
}

    Cheers!
    Andy

    August 29, 2017 at 10:18 pm #845469
    itransact

    Hello,
    according to your conversation – is there a simple way to change the switcher from text to flags displayed?

    Regards,
    Kamil

    August 31, 2017 at 7:24 pm #846477
    Yigit

    Hi!


    @itransact     Replied you here – https://kriesi.at/support/topic/multilanguage-selector-as-flags-at-the-topbar-polylang/

    Regards,
    Yigit

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘multilanguage selector in the’ is closed to new replies.