Hi Framer team,

We're building a production site with 50+ pages in Framer and encountered an issue with mobile responsiveness.

The Problem:

Framer automatically injects a minimal viewport meta tag:

<meta name="viewport" content="width=device-width">

This lacks critical attributes for proper mobile rendering:

initial-scale=1.0 — prevents auto-zoom on mobile

viewport-fit=cover — handles notch/safe areas on newer devices

The Impact:

On real iPhones, pages render tiny because the browser defaults to auto-zoom when initial-scale is missing. This breaks the mobile experience despite having responsive components in place.

Current Workaround Attempts:

Custom Code injection — doesn't work (meta tag is parsed before JS runs)

No UI setting to configure viewport meta

Our Request:

Could you either:

Expose viewport meta configuration in Site Settings > General or Site Settings > SEO?

Update the default viewport tag to include standard attributes: <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

Clarify if there's a supported way to override this tag?

This would unblock responsive design for production sites.