qTranslate Language Chooser in Top Navigation?

Posted in : Read WP
Chris Offner
Participant
7 March 2014 at 23:13
#12818

Hey there,

I’m using Read on a German/English site with the qTranslate plugin.

Here’s my site at the moment: http://www.cruxfilm.de

I have the qTranslate Language Chooser Widget in the Header Social Icons area right now but it obviously looks like crap. ;)

http://i.imgur.com/XEduxf6.jpg

Is there any way I could have these two flags as part of the top menu navigation bar – at least visually? Something like this?

http://i.imgur.com/pb6u4gJ.jpg

Now I understand this will most likely not work with the widget itself but since that doesn’t do anything but place flag images with links to currentsite?lang=de and currentsite?lang=en it might be doable, right?

If so, how would I go about putting this in?

Or even better—how can I do this without images, just as text links that say DE | EN? But preferably in the same location as the flags are in my mockup?

Thanks in advance for your support. :)

Mehmet S.
Keymaster
9 March 2014 at 11:13
#12840

Hi, you can add DE | EN by using the “Links” box under Menus page. Add theme to your menu, then I will give some custom css for the same location.

Chris Offner
Participant
9 March 2014 at 11:22
#12842

Just did it: http://www.cruxfilm.de

Can you tell me how to style it so DE and EN are closer to each other than the other menu items (currently there’s only one in there) and ideally have a | or something similar between them?

Maybe even options to style them differently in terms of colour?

Cheers!
ahmetsali
Keymaster
9 March 2014 at 21:37
#12846
Hi, try this custom css code;
```
#menu-item-1707, #menu-item-1708 {
    float: right;
}
#menu-item-1708 > a {
    color: #E66E6E;
}
#menu-item-1707 > a {
    color: #E9CF6A;
}
```
Chris Offner
Participant
9 March 2014 at 22:28
#12850

Awesome, just what I needed!

Thanks a lot! :)