I am having a problem getting a basic responsive layout to display properly on my Android Samsung phone.
I have a text box, with a rectangle underneath it. In a desktop layout it works fine. I made a mobile layout (360 x 640), which involved squeezing the text box, and repositioning the rectangle. Both layouts look fine in preview mode in the various browsers.
I have exported the project and uploaded it to a server, and when I view it from my computer using a desktop browser (Safari, Chrome, Firefox) it looks fine, both in normal mode and in developer-mode activating a phone emulator.
However, when I view it using my actual phone (Samsung Galaxy S7), the layout is incorrect - there is a substantial collision between the text box and the rectangle. This is particularly bad in portrait mode, but there is still distortion in landscape mode, (which triggers the desktop layout since the breakpoint is set at 600).
I have also checked this with a Galaxy S10, which shows the same problem. I do not have an iPhone, so have not checked it on that.
Here is the web link if anyone can test it on their phone:
Here is the Hype file itself:
test-responsive-hype.hype.zip (121.2 KB)
I may be doing something dumb, but after spending some hours fiddling around, I thought it was sensible to see if anyone had any advice!