Docs

[bigdreams]

Hello..

Site: http://www.michaelaltrichter.pro/

We want to have a simple dropdown menu or simple menu in our logo bar to choose between english and german site.

German site: http://www.michaelaltrichter.pro/
English site: http://www.michaelaltrichter.pro/en/

already tried some short codes with -x-logobar {content: } but i never works.. maybe there is needed a more complicated kind of integrating this… however its possible it should be in the logo bar (top: 10px, right: 25px) to choose between this to pages …

could u please help us?

thank you so much!
hope my english was good enough to explain u well what we need..

Daniel

[John Ezra]

Hi there,

Thanks for writing in! Are you using a language plugin to manage the language versions of your site? If so you should have been a provided with a language switcher code snippet to put where you would like your language switcher.

If not, did you create two separate sites and just want two simple links on all pages of both sites to switch between English and German (both only leading to the home page)?

Please clarify and we’ll try to assist you as best we can. Thanks!

[bigdreams]

Its a one pager so we decide to do it without plugins.
We want the second option u wrote.. We have 2 sites, German and English.

Thank you!

[Lely]

Hello There,

Thank you for the clarification.
Please try adding the following code on where you want the dropdown to appear:

<select class="lang-switch">
<option value="http://www.michaelaltrichter.pro/">German</option>
<option value=
"http://www.michaelaltrichter.pro/en/">English</option>
</select>

Then add this on Appearance > Customize > Custom > Edit Global Jquery

jQuery(function($) {   
   $(".lang-switch").on('click',function(){
     window.location = $(this).attr('value');
   });
});

Hope this helps.

[bigdreams]

Thank you.. is there a way to have this in the the topbar ( right side ) ?

[Joao]

Hi There

If you would like to have this on your topbar you can add the code:

<select class="lang-switch">
<option value="http://www.michaelaltrichter.pro/">German</option>
<option value=
"http://www.michaelaltrichter.pro/en/">English</option>
</select>

To your topbar content (You will find it on Customizer / Header at the very bottom)

Than on your Appereance / Custom / CSS you can add:

.x-topbar .p-info { 
float: right;
 }

Hope that helps,

Joao

[bigdreams]

ok thank you!

[Rahul]

You’re welcome!

[Author]

Posts