Position "lang" not working for flags

Hi,

I'm using Falang for my multilanguage site. Which position would place the flags in the menu, on the right side, beside the login?

I set the "lang"-Position of the template in the configuartion of the module, but the flags don't show up. If I use "breadcrump" for example, they show up - but naturally at the position of the breadcrump, where I don't want to have them.

Do you have any ideas?

Thanks and best regards,

Frank

Hi,

I'm using Falang for my multilanguage site. Which position would place the flags in the menu, on the right side, beside the login?

I set the "lang"-Position of the template in the configuartion of the module, but the flags don't show up. If I use "breadcrump" for example, they show up - but naturally at the position of the breadcrump, where I don't want to have them.

Do you have any ideas?

Thanks and best regards,

Frank

Edit:
As I see now, the flag shows up on the left side at the end of the page. How can I position it to the menu?

Hi

Please show me Your site.

Hi,

here's a link.

You have to scroll down, then you see the flag on the left side.

Thanks and best regards,

mb

Hi

Try adding this code to css:

Code: Select all

#gkLang {
position:absolute;
top: 20px;
right: 20px;
}


I think it's the closest You can get without changes to template's core files.

Hi,

thanks for your reply. I put the code into override.css.

Your solution works for the position, but now there are two problems:

1) the language symbols are not clickable anymore.
2) they are not responsive. When I change the width of the browser window and tablet.css / mobile.css gets loaded, the symbols are overlaying the menu-symbol.

Also the font size is a bit bigger than the menu. Is it also possible to make it smaller?

Thanks and best regards,

mb

Hi

Some changes to this code:

Code: Select all

#gkLang {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1000;
}

div.mod-languages a {
    font-size: 14px;
}


part of the code for tablet.css

Code: Select all

#gkLang {
    right: 173px;
    top: 19px;
}


and for mobile.css

Code: Select all

#gkLang {
    right: auto;
    top: 60px;
}


Hi,

thanks a lot, it works perfect now!

Best regards,

mb

Hi

Ok. I'm glad it's working now