Multilanguage website - switcher position

I'm using Simplicity template for a multilanguage website with Falang extension to manage languages.
How can I publish language switcher module near main menu, on the right side?
I can't find any position for it.
Thank you.

Hi

There is no such position. Please this module in for example footer_nav position and show me the site than. I'll tell You what to do to move it next to logo.

Hi, i'm sending to you the URL.
I've published the module in footer_nav position.
Thank you.

Hi

Please add this code to css:

Code: Select all

div.mod-languages {
    left: 50%;
    margin-left: 575px;
    position: absolute;
    top: 30px;
}


You will also need an adjustment for mobile devices, but this I can help with when You will put this code in css file.

Thank you for your answer.
I put the code in template.css file and I published module in languages position but it doesn't work.
I've also try to publish module in mod-languages position; try to add code to style1.css… but nothing happens.

Where am I doing wrong?

Hi

Template doesn't have "mod-languages" position. Please put it back to where it was before. Copy css code to override.css and make sure override is enabled in template settings. Than let me know so I'll check if this will still not be working.

I've made what you suggest.
Now little flags appears only in frontpage near the scrolling menu; but when i scroll the page and the menu become fixed, they disappear.
Thank you.

Hi

Sorry for delay. Please try use this code instead:

Code: Select all

div.mod-languages {
    left: 50%;
    margin-left: 575px;
    position: fixed;
    top: 19px;
    z-index: 10000;
}


and please remove the second lang module.

Hello
I did it and it's shown. but i can see the flags only when i'm not logged in. the mudule is set visible for public and all languages. any idea what i did wrong? thanks for your help.

Hi

No idea. Please send me an access, so I can log in and check.

You will also need an adjustment for mobile devices, but this I can help with when You will put this code in css file.

Hi, i've put flags on the right side of menu bar and it's ok on desktop views.
How can I show flags also on mobile device?
http://www.francotosimeccanica.it
Thank you.

Hi

Try adding this code to override.css

Code: Select all

@media only screen and (max-width:1225px) {
div.mod-languages {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px 0 0 5px;
    left: auto;
    margin-left: 0;
    padding: 0 0 0 10px;
    position: fixed;
    right: 0;
    top: 75px;
    width: 37px;
    z-index: 10000;
}
}