iPad / iOS 9 – only full screen working?

I have set the appearance to “minimized by default”, position = bottom right, full-screen: no and size = large and on the whole it works fine.

If I try to view the chatbot on an iPad (in Safari or in Chrome)

a) in portrait-format it is shown as “full screen” and in
b) in landscape-format it is shown but only the header and the input box

and if I text for instance “???” the messages are shown in portrait-format but in landscape-format I cannot see my own message and also not the reply from the chatbot.

On my page I have fixed it so the chatbot is not shown on an iPad at all with “visibility: hidden” so you cannot see the problem (because I do not want to show it to my customers on an iPad until the problem is solved.

*/

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

:root {
–chatbot-color: rgb(35, 40, 45);
–chatbot-text-color: white;
}

.drop-shadow
{
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.drop-shadow:hover {
box-shadow: 0 10px 20px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.22);
}

.animated {
-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
-moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
-ms-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
-o-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.overflow-hidden
{
overflow: hidden;
white-space: nowrap;
}

#watson-fab-float
{
position: fixed;
z-index: 999999;
visibility: hidden;
}

#watson-fab
{
cursor: pointer;
width: 4em;
height: 4em;
border-radius: 2em;
text-align: left;
background-color: var(–chatbot-color);
color: var(–chatbot-text-color);

}

#watson-fab .dashicons
{
margin-left: 0.34em;
font-size: 2.4em;
line-height: 1.7em;
}

#watson-float
{
position: fixed;
z-index: 100000;
visibility: hidden;
}

*/

#watson-box
{
display: flex;
flex-direction: column;
text-align: left;
visibility: hidden;
}

Please could you fix this so that the chatbot will be shown correctly on an iPad, too?

The page I need help with: [log in to see the link]