I’m not sure what’s exactly the issue, but I faced similar ones. After a lot of analysis, realised that the media queries has to be in proper order. body grid without media on top, then the next size media query, then the next one… check my answer here - Summer Nights Tutorial: Missing Grid
When you get the order wrong, then it might work different…
Another thing is check if you page view is in “fit” or “100%”… if it’s fit, then it will not break on smaller size, keep it 100%…