I'm working on a website and need to reposition my AI chatbot higher on the screen. The platform I’m using adds its own branding, which overlaps/interferes with the chat launcher, so I need to move the chatbot up by 80px (I think it's 80px, not sure). What’s the way to fix this? -# If you want to see how it looks currently, just ask.

can we have a call to discuss exact issues in detail?

@breezy-postman-3919 Here’s an example with a 50px right offset and a 100px bottom offset. Place the CSS on your web page, not in the Bot Appearance Style:

css
.bpFabWrapper {
  right: 50px !important; /* Aligns to the right with a 50px offset */
  bottom: 100px !important; /* Adds a 100px offset from the bottom */
}

.bpWebchat {
  right: 50px !important; /* Aligns to the right with a 50px offset */
  bottom: 100px !important; /* Adds a 100px offset from the bottom */
}

Which settings here would be for vertical offset (in case I need to increase or decrease)

Could you just tell me?

The snippet he sent has one called right and one called bottom. If you just use

bottom

it will only offset the bottom.

So that’s what i have to change if i want to move it a bit up?

Increase the bottom valute try starting with 80px

Ok Ty