Mobile page is loading zoomed out

Hello, when loading my website this mobile page loads zoomed out for some odd reason. This is what it looks like:

It is just this page that is doing it. It is bugging me because it is a very important page and just looks very unprofessional. Do you guys know what could be causing this? The other pages load just fine on mobile in its full screen. I would really appreciate some help with this. Here is the page settings if it helps:


Is there any chance you have any of the groups as fixed width or with a larger than your screen size min or normal width? Generally happens due to that

I agree with this-

I recommend moving your mouse down the sides of the design in responsive mode and seeing if a wireframe shows up from a group just slightly larger (or margin, padding, etc)

I just spent the last hour playing around with this. It does not appear for their to be any groups that have a fixed width or right margin etc. The problem is still persisting. On my responsive mode on the backend it looks completely fine as you can see here:

Also, on 1/10 times when the page loads it actually loads just fine. But 9/10 times it is zoomed out. I also played around with the page/group layout types but still no luck :frowning:

I’ve checked all elements and none of them have that issue. Also sometimes the page loads normally but more than half of the time it is zoomed out. Do you know any other possible cause of this? Could this be a bug?

That’s weird. You could maybe report this to Bubble and see what they say - Bug Report | Bubble

Well, apparently you have some elements here that are causing this issue.

Are you collapsing these 2 buttons (Memorize Mode and Headshot Mode) when hidden?

My friend you are the best! The issue was in the header I can’t believe it. I had to make a few things in there “collapse when hidden” including the two buttons you mentioned. Thank you so much for taking the time to dissect that problem. I really appreciate it!