Review the mobile draft
- Open Websites and select the website you want to review.
- Choose Mobile above the draft preview. The phone should remain fully visible within the available editor area.
- Scroll inside the phone to review the page, rather than judging only the first screen.
- Open and close the navigation menu. Check that labels fit and that you can reach each menu item.
- Review artwork, long Show and Episode titles, release lists, and listening controls.
- Use Desktop to compare the larger layout. Publish only after you have reviewed the draft and the website’s Changes.
What to check in each theme
Player emphasizes the selected episode and its playback controls. Canvas uses a quieter card layout. Signal uses an editorial layout, while Studio uses a more compact broadcast-inspired presentation. Each theme should keep headings and featured cards within the phone’s content width.
The page content should remain readable without sideways page scrolling. Check long titles as well as short examples. If a bottom player is present, confirm that it fits the screen and does not prevent access to the end of the page.
Preview size versus page size
On a short laptop display the whole mockup is reduced to fit. This changes its displayed size, not the page’s 390 × 844 layout viewport. A wider editor can therefore show the same mobile layout at a different scale.
The mockup is a layout preview, not a complete simulation of every phone’s browser, text settings, keyboard, or safe-area behavior. Before a significant launch, also review the published public address on a real phone and check the listening actions you intend to offer.
If the preview looks stale
Allow saved draft changes to refresh, then use Refresh website preview if needed. Confirm that the website selected in the hierarchy matches the draft you intended to change.
Use the external-preview button for a larger review window. Treat that draft URL as a private review link, and use the published public address for audience links.