Adjusting Position of WPML Switcher WordPress

• SOLVED

Site: www.singpetra.com

Would like to make the language switcher in line with the right page border even when window resized: http://postimage.org/image/1v417mkdg/

This is the WPML css:

<strong>/* WPML Language Selector */

#wpml-select {
/*width: 1155px;*/
width: 100%;

}

#wpml-select #lang_sel_list{
position:relative;
margin-top: -31px;
float: right;
margin-right: 430px;
padding-top: 5px;
}

#wpml-select #lang_sel_list li{
float:left;
width: 70px;
padding-left:20px;
list-style:none;
text-align:center;
}</strong>

Coding in the header.php:

<strong><div id="bgwrapper"> (--> not wpml)
<div id="wpml-select"><?php do_action('icl_language_selector'); ?></div><!-- #wpml-select --></strong>

Anyone have any ideas how to fix this?

Thanks!

Answers (3)

2011-09-26

Julio Potier answers:

Hello

Can we have an URL to see this ?

Thank you

---

Eric Looi comments:

Hi Julio,

I posted at the first line.

---

Julio Potier comments:

-_- i need to learn "how to read a question"
Sorry !

---

Julio Potier comments:

Here comes the new CSS for #wpml-select
#wpml-select {
width: 1020px;
margin: auto;
}

2011-09-26

Charles Klycinski answers:


#wpml-select {
margin: 0 auto;
width: 1155px;
}

#wpml-select #lang_sel_list {
float: right;
margin-top: -31px;
padding-top: 5px;
position: relative;
}



Already tested on Your Website and works fine :)

If you make width:1070 looks perfect

---

Eric Looi comments:

Cool! A bit off right though. What to adjust?

2011-09-26

Romel Apuya answers:

i think this would do it..


#wpml-select {
margin: auto !important;
width: 1020px !important;
}

#wpml-select #lang_sel_list {
float: right;
margin-right: -10px;
margin-top: -31px;
padding-top: 5px;
position: relative;
}

---

Eric Looi comments:

Perfect! Wonderful!