Show app extension block in a different spot on mobile vs desktop

Topic summary

  • Core issue: A developer built a draggable checkout app extension block and wants it placed in different sections depending on device type (mobile vs desktop).

  • Context: The “app extension/checkout block” is a UI element in the checkout that can be repositioned via drag-and-drop.

  • Ask: Guidance on how to implement responsive placement so the block appears in one section on desktop and a different section on mobile.

  • Status: No replies yet; no solutions, decisions, or workarounds shared. No attachments or code provided. Discussion remains open.

Summarized with AI on December 19. AI used: gpt-5.

I’ve developed an app extension which I can drag and drop where I want it like any other checkout block.
However I’ve realized that I want it in a different section on mobile compared to desktop.

How do I go about doing this?

Thanks in advance