If you check from iPad (or any mobile device using touch), you will see that the topbar and footer is displaying correctly.
The implementation we have for sidebar layout is a bit diffuse, because we basically "move" the logo and footer from their standard locations, into the sidebar. Therefore, when you "resize" your screen to emulate smaller devices, they will not "re-appear" in their non-sidebar locations. Mobile devices can't be resized of course, and are already detected as "touch", so this won't occur. It's not really the best implementation, so this will be fixed in a future release, but it might have to wait for a major upgrade we are planning.
Mobile devices (like my iPad Pro) can't be resized, but they can rotate 90 degrees in which case the logo/footer will disappear (when using the sidebar option).
My android (640x360px) has no problems when turning the device... the logo will stay at the top and the footer at the bottom.