Hi there, I'm trying to position my widget immediately after the header, apparently the text is been positioned but the button tends to be sticked to the bottom of the page, I want it immediately after the header, before the body, and it should be all round the website. Thank you. #1211483291191083018

Based on the Vapi documentation, you can position your widget at the top of the page using the

buttonConfig

object:

javascript
const buttonConfig = {
  position: "top", // This places it at the top instead of bottom
  offset: "40px", // Adjust this value as needed
  // other configuration options...
};

Are you currently using this configuration in your implementation? If so, could you share your current

buttonConfig

code so I can help identify what might need adjustment? According to [Vapi's documentation](https://docs.vapi.ai/examples/voice-widget), you can also use CSS classes like

.vapi-btn

to further customize the positioning. Source: - [Vapi Voice Widget Documentation](https://docs.vapi.ai/examples/voice-widget)

I want it to be at the centre, top tends to be fixed

Set position: "top" with an offset matching your header height in the widget config, then place the script just after your header element in a shared layout or template used across the site.

Thank you

Nice