A new CSS custom property, --shopify-safe-area-inset-bottom , is now available for embedded apps running on Shopify Mobile. This property provides the exact pixel value of host UI overlays, such as the floating bottom navigation bar, to prevent apps from placing fixed-position content over these overlays.
Summary extracted from the official source text. Verify details on the source page.
| Platform | Shopify |
|---|---|
| Effective date | No date published |
| Precision | n/a |
| Published | 2026-04-13 |
| Categories | Breaking / action requiredTracking & signal loss |
| Tags | API, Action Required, App Bridge, New |
| Official source | Shopify developer changelog ↗ |
| Fetched | 2026-10-17T03:44:00+00:00 |
| First seen | 2026-10-17T01:05:46+00:00 |
| Status | Listed by the source |
| Stable ID | shopify-1c395fa864 · JSON |