Hi Alvis

Your best option would be to create a new module position in the header area of your template to accommodate your language switcher. For details on creating a new module position may I suggest the following tutorial.. http://www.joomla51.com/tutorials/item/creating-a-new-module-position-in-the-header-area-of-your-template

Ciarán

Hi Ciaran,

Thank you for help, I'll try...
I can't find header.php in my template, what file should I use in that case ?

Alvis

Hi Alvis

If no header.php exist then you can place the code after the following in your templates index.php (../templates/[YourTemplate]/index.php)...

<div id="header">

CSS can be added to the end of your templates template.css (../templates/[YourTemplate]/css/template.css).

Ciarán

Hi,
my Language switcher now in the place, where I want to have it - thank you.
But my drop down menu in header now is covered by the Image slider...

What to change ? I have try to change z-index, but this does not helped...

BR
Alvis

Hi Alvis

Would you have a URL to an example of this issue?

Ciarán

Thank you Alvis

There does not appear to be any sub menu items for a dropdown in the URL provided?

Ciarán

Hi Alvis

To resolve try adding the following to the Custom CSS field of your templates parameters...

#header {

    position: relative;

}

#language-bar {

    width: 100px;

}

For the benefit of other users please post your replies to the forum.

Ciarán

Hello,

in my case I'm using layout.css
and I have found
#header {width:100%; height:45px; float:left; z-index:0;}
.inside {padding:0px 0px 10px 0px;}

and added
#language-bar { position:relative; height:50px; margin:0; padding:0; position: absolute; right:10px; top:12px; width:600px; z-index:99;}

but like I have wrote you before - that changes view on mobile phones, and as I think in monitors with different resolution, then mine.

Using your code, frontend looks messy...

BR

Hello

Have you tried adding the suggested code to the end of your templates template.css.? Working fine when we add it to your site source via the browser. As CSS is cascading the suggested CSS may be effected by other template CSS. Adding to the end of the template.css will prevent this as this is the last CSS file to be loaded. My apologies for suggesting the 'Custom CSS' field. This option is not available with the Ultralite template.

Setting the #header div to relative ensures your languages module is positioned relative to the #header div rather than the browser window. The #header div has a fixed width regardless of the browser size which will remove any variations to your language modules positioning.

Ciarán

So,
[ul]
[li]I have deleted #language-bar {.....} from custom.css[/li]
[li]I have added your suggested code to the end of template.css[/li]
[/ul]

You can find the result in my page - this is not what I'm trying to reach.
Do I need to made some changes with a "#header div" record, or not ?

BR
Alvis

Hi Alvis

Looking at your templates template.css we are unable to see the suggested CSS. If you could allow us access to your Extensions Manager we will make the amendments for you. Alternatively you can add the following anywhere in your CSS...

#header {

    position: relative !important;

}

#language-bar {

    width: 100px !important;

}

Ensure to clear your Joomla cache after adding.

Ciarán

But I did, you can find in attached files...

Thank you

Your language module should be now displaying as you wish.

Ciarán

Thank you,
Now it looks greate !

Thank you !
Alvis

seems I misunderstood, "!important" is a command, not a caution... :whistle:

Thank you