I'm currently working on developing a responsive chatbot using CSS Bootstrap. However, I've encountered an issue where the header and footer are not fixed when I open the app on an iPhone. The keyboard header is also moving up the screen, which seems to be a unique problem only appearing on iOS devices as it works perfectly fine on Android. Can anyone offer assistance in resolving this particular issue?