Can I edit the bubble size on mobile?

Ask the Community General Questions
1

Hi! How do I make the logo a little smaller on the mobile version of websites? I’d love to make it a little bit more subtle on the mobile version of my website! Thank you :slight_smile:

1 Like
3

Hi there, @user4022 :waving_hand:

Sure, this code should work great for you:

@media (max-width: 500px) {
.global-styles, [class^='FloatingButton__FloatingButtonContainer-sc'] {
    transform: scale(0.8)
  }
}

Please add it to the Custom CSS field on the Appearance tab of your widget’s settings and let me know if it helped :slightly_smiling_face:

1 Like
4

That’s absolutely perfect!! Thank you so much for such a quick response!!

2 Likes
5

It’s my pleasure!

By the way, we’d like to invite you to participate in our Black Friday Contest, where you can win a 12-month extension for your subscription - BF 2025 Contest: Win 1 FREE YEAR (10 Winners) +1 month guaranteed! :wrapped_gift:

Check the details and join in :wink:

6

Is there any way to make it left justified on mobile, please :slight_smile:

1 Like
7

Please try to use this CSS code and let me know if it worked:

@media (max-width: 500px) {
.global-styles, [class^='FloatingButton__FloatingButtonContainer-sc'] {
  left: 0px !important;
  right: auto !important;
  margin-left: 0 !important;
}
}
1 Like