How to Customize Launcher Button Size for Each Device Type

Ask the Community General Questions
3

Hey there, @Petar_Dietrich :waving_hand:

Many thanks for sharing your thoughts!

I totally agree that it would be handy to have a more flexible size settings for the chat bubble. This idea is already on the Wishlist, feel free to upvote it - Mobile and tablet settings for the chat bubble

As for now, you can change the launcher button size on mobile and tablets using the CSS codes below :wink:

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;
  }
}