# Phones and small screens

> How the window rearranges when it is narrow, and what is left out on a phone.

Songcode is built for a desktop browser, and that is where the stems view and the note editor are comfortable. It still works on a phone or in a narrow window: you can write a prompt, generate, play, read the code, publish and share. The window rearranges itself as it gets narrower.

## What changes, and when

| window width | what changes |
|---|---|
| whenever the top bar runs short of room | A published track's link shows as an icon. If that is not enough, the track actions lose their labels and show icons only; hover one to see its name. How soon this happens depends on what the bar is carrying, so a shared track with **remix** gets there before a draft. |
| whenever the transport runs short of room | It gives up its readouts one at a time so the title stays readable: the bar and beat first, then the track's length, the level meter, the volume and the clock. Play, stop and the metronome always stay. |
| 960 pixels and under | The level meter leaves the transport. |
| 760 pixels and under | One panel at a time, with a **compose** and **track** switch at the bottom. The library becomes a drawer. The transport gets a row of its own, and the clock and the volume are hidden: a phone has its own volume keys. |
| 480 pixels and under | The tempo leaves the transport too. The metronome stays as its mark alone, and takes the title's place while the track plays. |

Nothing is lost when the window narrows. Make it wide again and the panels return side by side with the widths you set.

## One panel at a time

Below 760 pixels the composer and the stage do not fit next to each other. A switch at the bottom of the window picks which one you see.

![The composer on a phone. The switch at the bottom moves between compose and track.](https://docs.songco.de/img/phone-compose.webp)

- **compose** shows the prompt, the genre, the length, the model, the advanced controls and **generate**.
- **track** shows the stage: the code or the stems.

Pressing **generate** moves to **track** by itself, so you watch the code arrive. Opening a track from the library does the same.

![The track on a phone, in the code view.](https://docs.songco.de/img/phone-track.webp)

Long lines of code do not wrap. Swipe sideways in the editor to read them.

[The first-visit tour](https://docs.songco.de/app/#the-first-visit-tour) uses the same switch. It moves between **compose** and **track** by itself as it goes, and puts its card above or below the part it is describing.

![The tour on a phone, on the step about the stage.](https://docs.songco.de/img/phone-first-visit.webp)

## The library drawer

The library button at the top left slides the library in over the window. Tap a track to open it, or tap outside the drawer to close it.

![The library as a drawer.](https://docs.songco.de/img/phone-library.webp)

## The stems view on a phone

The stems view opens and plays, and **m** and **s** on each stem work. It is cut down to fit:

- The level slider, the pan knob, the meter and the **…** menu on each stem are hidden. Mute and solo stay.
- The note editor and the inspector stack under the tracks, so editing means scrolling.
- The song bar scrolls sideways to reach the key, the zoom and the song menu.

![The stems view on a phone.](https://docs.songco.de/img/phone-stems.webp)

Drawing and dragging notes needs a precise pointer. For real editing, use a tablet in landscape or a computer. See [the stems view](https://docs.songco.de/app/stems/) for everything it does at full size.

## Touch

Buttons, the scrub line and the timeline ruler all take a tap or a drag. There is no `space` bar on a phone, so use the play button. The keyboard [shortcuts](https://docs.songco.de/help/shortcuts/) apply when a keyboard is attached.

## Sound on a phone

A phone's browser plays nothing until you tap, so the first press of play is what starts the audio. On an iPhone, the silent switch mutes web audio in some versions of iOS: if a track shows as playing and you hear nothing, check the switch and the volume first. A full track with many stems can stutter on an older phone, since every sound is made live in the browser. [Downloading](https://docs.songco.de/app/export/) the audio gives a file that plays anywhere.

---

This page on the web: https://docs.songco.de/app/small-screens/
Every page of the Songcode docs, for agents: https://docs.songco.de/llms.txt (index) and https://docs.songco.de/llms-full.txt (all of it in one file).