> For the complete documentation index, see [llms.txt](https://translatestack.gitbook.io/translatestack/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://translatestack.gitbook.io/translatestack/customize-your-drop-down.md).

# Customize Your Drop Down

**Translatestack** has built a simple but powerful customizer, that allows you to control your language drop down.

![](/files/-MNA85THlgWz8hn4GbDG)

#### **You are able to:**

1. **Change Positions**
2. **Remove Branding**
3. **Change Appearance**

### **Change Positions**

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.

![](/files/-MNAA4a4dyW3Ff5EW24O)

### **Change UI of your dropdown**

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:\
\
`.ts-language-wrapper{`\
&#x20;  `height:41px !important;`\
&#x20;  `background:red !important;`\
`}`\
\
`.ts-language-wrapper div:nth-child(1){`\
`margin-top: 7px !important;`\
`}`\ <br>

![](/files/-MNKLgLGSWAa1kPZhBBl)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://translatestack.gitbook.io/translatestack/customize-your-drop-down.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
