Separate Mobile & desktop positioning

Wishlist AI Chatbot
1

Hi Elfsight Team,

First, thank you for the amazing AI Chatbot widget — it’s very easy to use and looks great on websites!

I wanted to suggest a feature that would greatly improve flexibility: the ability to set separate vertical and horizontal offsets for desktop and mobile.

Currently, adjusting the placement sliders in the dashboard affects both desktop and mobile simultaneously, which makes it impossible to have custom positions for each device. For example:

  • I want the desktop button to be 90px from bottom and 35px from right

  • I want the mobile button to be 58px from bottom and 18px from right

Having independent offset controls for desktop and mobile would make the widget much more flexible and allow for precise placement on different screen sizes.

Thank you for considering this feature! It would be fantastic for all Elfsight users who want more control over responsive positioning.

Best regards,
Sophus

1 Like
2

Hi there and welcome to the Community, @user32102 :waving_hand:

Thank you so much for the feedback!

I agree that it would be awesome to have separate mobile offset settings and we’ll try to consider this idea in the future.

As for now, you can change the mobile offsets using this code in the Custom CSS field on the General tab of your widget’s settings:

@media (max-width: 500px) { 
[class*="FloatingButton__FloatingButtonContainer-sc"] {
  margin: 0 !important;
  right: 18px !important;
  bottom: 58px !important;
}
2 Likes