Change size of the chat icon on mobile

CSS Codes AI Chatbot
1

Add this code to the Custom CSS field on the Settings tab of your AI Chatbot widget’s settings:

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

Hello Max,

How can I make the icons on my desktop smaller?

Thanks

3

Hi there, @Fabio :waving_hand:

You just need to replace the max-width with min-width in the code:

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

Hi Max,

It was simple

Thanks :slightly_smiling_face: