# Reduce size for whatsapp mobile floating button

**URL:** <https://community.elfsight.com/t/reduce-size-for-whatsapp-mobile-floating-button/14480>\
**Category:** Customization\
**Tags:** whatsapp-chat\
**Created:** [April 10, 2023, 10:16am UTC](https://community.elfsight.com/t/reduce-size-for-whatsapp-mobile-floating-button/14480 "2023-04-10T10:16:31Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vincenzo](https://avatars.discourse-cdn.com/v4/letter/v/e9bcb4/32.png) [@Vincenzo](https://community.elfsight.com/u/Vincenzo)\
**Post date:** [April 10, 2023, 10:16am UTC](https://community.elfsight.com/t/reduce-size-for-whatsapp-mobile-floating-button/14480/1 "2023-04-10T10:16:32Z")

</div>

Hi!  
I would like to know if there is a way to reduce the size of the whatsapp floating button on my mobile version. I would like to have the same size of the messenger chat button already on the website.  
My website is www.almulocojone.it  
Thank you in advance 🙂

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [April 10, 2023, 11:36am UTC](https://community.elfsight.com/t/reduce-size-for-whatsapp-mobile-floating-button/14480/3 "2023-04-10T11:36:25Z")

</div>

Hi @Vincenzo! We are so flattered that you joined us. Welcome to Community 🎉

Sure thing, I’ll be happy to help.

Please add this CSS code to the Custom CSS field on the Appearance tab and let me know if it helped:

```auto
@media screen and (max-width: 480px) { 
 [class^="Bubble__BubbleComponent"] {
  transform: scale(0.7);
  transform-origin: 0 0;
}

```