---
title: >-
  ActionBar removed on mobile: TitleBar primary action now renders as an icon
  button - Shopify developer changelog
description: >-
  Shopify’s developer changelog documents all changes to Shopify’s platform.
  Find the latest news and learn about new platform opportunities.
source_url:
  html: >-
    https://shopify.dev/changelog/posts/primary-action-icon-replaces-actionbar-on-mobile
  md: >-
    https://shopify.dev/changelog/posts/primary-action-icon-replaces-actionbar-on-mobile.md
metadata:
  effectiveApiVersion: ''
  affectedApi:
    - displayName: App Bridge
      handle: app-bridge
  primaryTag:
    displayName: API
    handle: api
  secondaryTag:
    displayName: New
    handle: new
  indicatesActionRequired: true
  createdAt: '2026-03-31T11:20:03-04:00'
  postedAt: '2026-04-15T12:00:00-04:00'
  updatedAt: '2026-04-10T10:24:54-04:00'
  effectiveAt: '2026-04-10T12:00:00-04:00'
---

April 15, 2026

# `ActionBar` removed on mobile: `TitleBar` primary action now renders as an icon button

DateApril 15, 2026

FlagsNew[Action required](https://shopify.dev/changelog?action_required=true)

SurfacesAPI

Affected APIs[App Bridge](https://shopify.dev/changelog?api_type=app-bridge)

## Mobile primary action now renders as an icon in the title bar

On mobile, the primary and secondary actions defined on your [`TitleBar`](https://shopify.dev/docs/api/app-bridge-library/reference/title-bar) are changing how they render:

* The primary action now displays as an icon-only button in the mobile header, rather than in a bottom bar with icon and text.
* Secondary actions now appear in the overflow menu, creating a more consistent mobile interface.
* If you don't pass an `icon` property with your primary action, it defaults to a **+** (plus) icon.

## Who's affected

All embedded apps that define a primary action or secondary actions on their [`TitleBar`](https://shopify.dev/docs/api/app-bridge-library/reference/title-bar).

## When the changes go into effect

Changes go live to all affected apps on April 15th, 2026.

## What you should do

If the default **+** icon fits your use case, no changes are needed. Otherwise:

* Pass an explicit `icon` with the primary action on your [`TitleBar`](https://shopify.dev/docs/api/app-bridge-library/reference/title-bar) to ensure the most contextually appropriate icon displays on mobile.