I have posted the same response in the other issue I raised – They are both related
You can see that in screenshot2 below – Everything fits and works.
But the same settings on a different customers site in screenshot1 and screenshot3 displays a longer privacy message.
So anything that increases the height of the box ruins the UX experience. I.e. Turn on Guest mode and add 3 lines of text to the welcome message and it is way too big. The solution is simple enough. Reduce the privacy message, or reduce the size of the sign in/guest buttons or reduce the padding.
Any or all of the options above are impossible because of the way the popup loads in an iframe.
So on iphones, on page load the browser back button, bookmark and share buttons appear on a toolbar at the bottom of the screen.
This reduces the viewport size on page load.
When you scroll the bar disappears.
So if you try to use the chat on page load it is too big for the available space. Google Chrome and Safari have the same behaviour.
Screenshots below
Screenshot1 – From a customers website – Shows larger privacy message even though settings are the same as in screenshot 2.
https://www.thinkjarvis.co.uk/wp-content/uploads/2020/12/screenshot1.jpg
Screenshot2 – From my company website – Shows smaller privacy message even though settings are the same as in screenshot 1.
https://www.thinkjarvis.co.uk/wp-content/uploads/2020/12/screenshot2.jpg
Screenshot3 – From my iphone showing the chat box not fitting on screen above the fold in Safari – iphone 6s latest OS..
https://www.thinkjarvis.co.uk/wp-content/uploads/2020/12/screenshot3.jpg