Translatestack has built a simple but powerful customizer, that allows you to control your language drop down.
In order to customize the position of your language drop down, head over to customizer > position. By default, the position of your language drop down is on the bottom right. You are able to choose between LEFT, RIGHT or CUSTOM.
If you want to place your language drop down on a specific area on your website, you simply have to create a container with a ID ( f.e.
<div> id="translatebox"></div>). Head over to CUSTOM and paste in your ID.
If you would like to slightly change the UI of your drop down, you can do this easily from your end in your own CSS.
The drop down is handled by the
ts-language-wrapper div and its children. Easily adjust it to your needs, but don't forget to put a
!important behind your new values, like:
margin-top: 7px !important;