Mobile and tablet settings for the chat bubble

Wishlist AI Chatbot
2

Hi there, @user32102 :waving_hand:

Thank you so much for the feedback!

We’re currently working on adding this setting for the desktop. Feel free to upvote this idea to get notified about the release - Setting for changing the bubble size.

I also agree that it would be awesome to have a separate setting for mobile and we’ll try to think it over in the future updates :slightly_smiling_face:

As for now, you can change the bubble size using these codes in the Custom CSS section on the General tab of your widget’s settings:

Desktop

[class^="FloatingButton__FloatingButtonContainer-sc"] {
  scale: 0.7;
}

Mobile:

@media (max-width: 500px) {
[class^="FloatingButton__FloatingButtonContainer-sc"] {
  scale: 0.7;
}
}

Tablets:


@media (min-width: 501px) and (max-width: 768px) {
  [class^="FloatingButton__FloatingButtonContainer-sc"] {
    scale: 0.8;
  }
}
1 Like