{
 "id": "shopify-1c395fa864",
 "platform": "shopify",
 "title": "New CSS variable for mobile safe area insets",
 "summary": "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.",
 "categories": [
  "breaking_change",
  "tracking_signal"
 ],
 "tags": [
  "API",
  "Action Required",
  "App Bridge",
  "New"
 ],
 "published_date": "2026-04-13",
 "effective_date": null,
 "effective_date_precision": null,
 "source_url": "https://shopify.dev/changelog/new-css-variable-for-mobile-safe-area-insets",
 "source_name": "Shopify developer changelog",
 "fetched_at": "2026-10-17T03:44:00+00:00",
 "collector": "shopify/changelog",
 "first_seen": "2026-10-17T01:05:46+00:00",
 "in_source": true,
 "last_seen_in_source": "2026-10-17T03:44:00+00:00",
 "upcoming": false,
 "url": "https://adstackwatch.com/changes/shopify-1c395fa864/"
}