Enable full-screen desktop mode
On a wide screen, show the background and buttons full-monitor instead of a phone-card layout.
By default a landing page renders on a wide screen the same way it does on a phone — a phone-shaped card centered on the page. Desktop-wide mode replaces that with a full-monitor layout: the background fills the whole viewport, and the button column sits over it. Phones are never affected — this only changes what a desktop viewport sees.
Turn it on
curl -X POST "https://app.tease.link/api/admin/bg/ui?domain=links.creator.com" \
-H "Authorization: Bearer $TEASE_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"desktop": {
"mode": "wide",
"align": "right",
"width": 360,
"dim": 0.35,
"blur": false
}
}'| Key | Meaning |
|---|---|
mode | phone (default) or wide |
align | Where the button column sits: left, center (default), right |
width | Column width in px, 280–560 (default 280) |
dim | 0–0.7 darkening layer over the background, so buttons/nickname stay readable over a bright photo |
blur | Blur the background behind the column |
Reset to the stock phone-card layout with { "desktop": null }.
Upload a wide background
Wide mode stretches your regular background to fill a much wider viewport — for best results, upload a dedicated 16:9 desktop-wide background image too (the same background upload flow, a separate slot from the phone background). Without one, the phone background is stretched to fit.
Confirm it worked
Open the domain on an actual wide viewport (or resize a browser window past the mobile breakpoint) after publishing — you should see the full-monitor layout, not a centered phone card. Phone-width views should look completely unchanged.
Platform designs only
Desktop mode applies on a built-in design (classic or spotlight); an
uploaded custom HTML design
controls its own responsive behavior.
What's next
- Place elements freely on a canvas for a non-column layout
- Style every button on the landing page
- Back to Landing-page builder