Skip to main content
Answered

How to make the intercom draggable?

  • 27 January 2025
  • 1 reply
  • 18 views

In desktop screen, the intercom looks good but in mobile screen, it blocks the important button like button, text…
How can I fix it?

 

Best answer by Emilygav

Hey there ​@Roland Pak, Emily here from Support Engineering at Intercom 👋🏼

On mobile devices, the position of the Messenger launcher is fixed and cannot be changed; it will always appear on the bottom right on mobile web. The settings for alignment, horizontal_padding, and vertical_padding are ignored on mobile devices. However, you can create a custom launcher for more flexibility in positioning the Messenger within your mobile app. For iOS, you can set the bottom padding for the Messenger, which dictates how far from the bottom of the screen the default launcher and in-app messages will appear, by calling [Intercom setBottomPadding: bottomPadding];. For Android, you can use Intercom.client().setBottomPadding(bottomPadding) to achieve the same effect. If you need further assistance with creating a custom launcher, you can refer to the documentation for Android, iOS, and React Native.

It may be worth implementing a custom launcher to ensure the messenger isn’t blocking anything important in your app 😁

View original
Did this topic help you find an answer to your question?

1 reply

Emilygav
Intercom Team
Forum|alt.badge.img+3
  • Intercom Team
  • 75 replies
  • Answer
  • January 31, 2025

Hey there ​@Roland Pak, Emily here from Support Engineering at Intercom 👋🏼

On mobile devices, the position of the Messenger launcher is fixed and cannot be changed; it will always appear on the bottom right on mobile web. The settings for alignment, horizontal_padding, and vertical_padding are ignored on mobile devices. However, you can create a custom launcher for more flexibility in positioning the Messenger within your mobile app. For iOS, you can set the bottom padding for the Messenger, which dictates how far from the bottom of the screen the default launcher and in-app messages will appear, by calling [Intercom setBottomPadding: bottomPadding];. For Android, you can use Intercom.client().setBottomPadding(bottomPadding) to achieve the same effect. If you need further assistance with creating a custom launcher, you can refer to the documentation for Android, iOS, and React Native.

It may be worth implementing a custom launcher to ensure the messenger isn’t blocking anything important in your app 😁


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings