How can I force my Bubble mobile app to display in iPhone layout on iPadOS 26?

Need help
1

Hi everyone,

I’m building a native mobile app with Bubble and publishing it on the Apple App Store.

My app is designed only for iPhone, not for iPad or macOS.

However, when Apple reviews the app, they also test it on iPadOS 26, and the layout becomes stretched, crowded, or broken. Because of that, Apple rejects the app under Guideline 4.0 – Design.

Since Bubble builds are uploaded directly without opening Xcode, I cannot disable iPad support from Xcode or set the device family to iPhone-only.

What I want:

I want my app to open on iPadOS exactly like an iPhone app — same width, same layout, not full-screen tablet mode.

Basically, I want the app to look like an iPhone-sized UI centered on the iPad screen, so Apple can review it as an iPhone-only app.

My questions:

1\. How can I force Bubble pages to stay at iPhone width (375–430px) even on iPad?

2\. Is there a recommended responsive setup to prevent the UI from expanding on tablets?

3\. Do other Bubble developers use a fixed-width mobile layout to pass Apple Review?

4\. Is there an official way to disable iPad UI support when building with Bubble?

Additional info:

•	App is built using Bubble’s latest responsive engine

•	Apple rejects the app because parts of the UI look crowded on iPad

•	If there is no way to block this, I don’t want iPad support — only iPhone

Any guidance, examples, or recommended settings would be greatly appreciated.

Thanks in advance!

2

1. Force Fixed Width Layout:

  • Set your page container max width to 430px (iPhone max width)

  • In responsive settings, make the page container fixed width, not flexible

  • Add horizontal centering to keep content centered on larger screens

  • This creates an iPhone-sized UI on iPad

2. Responsive Engine Settings:

  • Use Bubble’s responsive engine

  • Set breakpoint at 430px max

  • Lock all groups and elements to fixed widths (not percentage-based)

  • Disable “stretch to fit screen width” on main containers

3. Detect Device and Force Layout:

  • Use workflow condition: “When current device type is tablet”

  • Set state to lock layout width to 390px (iPhone 14 Pro width)

  • Apply conditional formatting to main container: max-width 430px, center align

4. CSS Solution (Advanced):
Add this to page HTML header:

xml

<style>
body {
max-width: 430px !important;
margin: 0 auto !important;
}
</style>

5. App Configuration File:

Unfortunately, Bubble doesn’t expose the Info.plist file where you’d normally set device family to iPhone-only. This is the limitation you’re facing.

Workaround that works:

  • Design everything with FIXED widths (375-430px)

  • Center align main containers

  • Don’t use “stretch to page width”

  • Test on iPad simulator before submission

  • The app will display as iPhone-sized centered on iPad

This satisfies Apple’s review because the UI doesn’t break - it just displays in iPhone format on iPad.