--> Step 2, paste this code

@media only screen and (max-width: 396px) {
  .bpMessageListScrollbarViewport{
    padding-bottom: 105px; 
  }
}

For the width of the viewport, keep something under 500px (default width of the webchat) Hoewever, if you want to change the width of your webchat (reduce it), you will have to reduce this max-width https://cdn.discordapp.com/attachments/1274762168193257535/1274763011881439242/image.png?ex=66c36f11&is=66c21d91&hm=551f97eecd62fb2ea6bf06da1a34e55adc283a6b69f9e21fef50eb938c6d8deb&

--> Step 3, hit save https://cdn.discordapp.com/attachments/1274762168193257535/1274763175346311290/image.png?ex=66c36f38&is=66c21db8&hm=186174d7ccc26355cef4bfb76f6585ccad805feca8a145ab1557e1b5eaa24900&

And that's it ! you should be able to see the full conversation on mobile

tell me if that helps 😉