Hide the chatbot bubble on mobile devices?

Ask the Community Customization
1

The chatbot bubble gets in the way of some buttons and forms on mobile devices. Is there a way to hide the bubble after “x” amount of time, or hide it all together on mobile devices? I had the option on the all-in-one chat Elfsight widget to hide it on mobile, which was very helpful. Thanks for your help! https://thechronichaven.com

2 Likes
3

Hi there, @Priscilla_OConnor :wave:

This CSS code will help you hide the bubble on mobile:

@media (max-width: 475px) { 
  [class*="ButtonBase__ButtonContainer-sc"] {
    display:none;
  }
}

Give it a try and let me know if it helped :slightly_smiling_face:

3 Likes
4

Right on! That worked great. :blush:

2 Likes
5

Happy to know that!

If any further help is needed, we’re always here for you :wink: