# Reduce Reopen button size on mobile

**URL:** <https://community.elfsight.com/t/reduce-reopen-button-size-on-mobile/23371>\
**Category:** Popup\
**Created:** [October 24, 2023, 9:36am UTC](https://community.elfsight.com/t/reduce-reopen-button-size-on-mobile/23371 "2023-10-24T09:36:11Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [October 24, 2023, 9:36am UTC](https://community.elfsight.com/t/reduce-reopen-button-size-on-mobile/23371/1 "2023-10-24T09:36:11Z")

</div>

Add the code below to Custom CSS field on your [Popup](https://elfsight.com/popup-widget/) widget’s Settings tab:

```auto
@media(max-width: 500px) {
	.global-styles, [class^="FloatingButton__FloatingButtonContainer"] {
		transform: rotate(270deg) translateX(50px) scale(0.8);
	}
}

```

---

<div class="post-metadata">

**Author:** ![Rev\_Devan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/rev_devan/32/78722_2.png) [@Rev\_Devan](https://community.elfsight.com/u/Rev_Devan)\
**Post date:** [September 25, 2025, 5:10pm UTC](https://community.elfsight.com/t/reduce-reopen-button-size-on-mobile/23371/2 "2025-09-25T17:10:49Z")

</div>

> [@Helga](#):
>
> ```auto
> @media(max-width: 500px) {
> .global-styles, [class^="FloatingButton__FloatingButtonContainer"] {
> transform: rotate(270deg) translateX(50px) scale(0.8);
> }
> }
> 
> ```

this changed many other button shen I only put it on the one, do I need to close it some

 ![∞ Creed Compendium ∞ Undefinable and Expansive ∞](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/9/595f2038b42d34495eabb834604cac298c963e47.jpeg)

how?

---

<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:** [September 25, 2025, 6:50pm UTC](https://community.elfsight.com/t/reduce-reopen-button-size-on-mobile/23371/3 "2025-09-25T18:50:15Z")

</div>

Please try to remove `.global-styles,`from this code and let me know if it helped 🙂

---

<div class="post-metadata">

**Author:** ![Rev\_Devan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/rev_devan/32/78722_2.png) [@Rev\_Devan](https://community.elfsight.com/u/Rev_Devan)\
**Post date:** [September 25, 2025, 7:02pm UTC](https://community.elfsight.com/t/reduce-reopen-button-size-on-mobile/23371/4 "2025-09-25T19:02:41Z")

</div>

Again you da man, I’ll retain some of this some day 😅