How do I request a Webflow change on one breakpoint?

Name the width, and name the widths to leave alone

Breakpoints are the screen widths in the canvas bar. The usual ones are desktop, tablet, mobile landscape, and mobile portrait. Larger widths, 1280px, 1440px, and 1920px, are there only if they were added on that site. A note that says 'on mobile' is not enough, because there are two phone widths.

Write the width to change, then write the widths that must stay as they are.

Example: 'Change only mobile portrait. Leave desktop, tablet, and mobile landscape as they are. Do not change the words.'

Styles cascade from desktop in both directions. Desktop styles flow down to tablet and both phone widths, and up to the larger breakpoints. A style you set on tablet flows down to mobile landscape and mobile portrait. It does not flow back up to desktop. On a smaller width, the new value overrides what cascaded from above. The wider breakpoint keeps its own value. So 'tablet only' is not what a tablet style does, unless the phone widths are set again.

Tablet applies to screens 991px wide and below. Mobile landscape applies to screens 767px wide and below. Mobile portrait applies to screens 479px wide and below. Desktop is the base, and it applies until another breakpoint overrides it. You do not have to quote the pixels. You do have to name the breakpoint.

A style can be one width. The words cannot

Only changes in the Style panel cascade by breakpoint. Replacing an image, replacing text, or replacing any other content applies on every breakpoint view. Changes in the element settings do too. Dragging an element to a new place in the Navigator, or on the canvas, also applies on every breakpoint. Deleting it removes it everywhere.

A bad note: 'On the phone, change the headline to Email us.'

That replaces the text. Desktop will say Email us as well. There is no phone copy of that sentence inside the same text element.

If the phone needs different words, say that you are asking for two elements. Keep the desktop headline. On mobile portrait, hide that headline and show a second headline that reads 'Email us.' Hiding is a style. The hide guide is display none. This page is how to ask for it, including the widths that must stay.

The same split applies to a photo. Swapping the asset swaps it at every width. A different photo on one width means two image elements, one hidden where it should not show.

Say what should cascade

A style set on mobile portrait stays on that width. It does not climb up to tablet or desktop. A style set on tablet does climb down, unless mobile landscape and mobile portrait set that property again.

Example of a style note: 'On mobile portrait only, set the three-column feature row to display none. On that same width, show the stacked list that is already under it. Leave desktop, tablet, and mobile landscape showing the row. Do not change the sentences.'

Example of a note that must mention the cascade: 'Hide the row on tablet. The phone should still show it, so set display again on mobile landscape and mobile portrait. Desktop stays as it is.'

If you do not say what the phone should do, a tablet hide will hide the phones too. That is the cascade, not a second request.

Do not ask for a drag that every width will follow

'Put the photo under the heading on mobile' is easy to read as a drag. A drag in the Navigator, or on the canvas, changes the order on desktop too. You cannot reserve a drag for one breakpoint.

Order on a smaller width is a style. Flexbox can change order on smaller devices. Direct children of a grid can change position and order on a breakpoint. The order guide is that control. Your note should name the width and say the desktop order stays.

Example: 'On mobile portrait only, show the heading above the photo. Do not change the desktop order. Do not drag the photo to a new place in the Navigator.'

If the photo should disappear on that width instead of moving, say hide, and name the width. Deleting it would remove it from the desktop as well.

Put the breakpoint in the same written thread

Send one note. Include the page, the breakpoint names, whether you mean a style or new content, and what done looks like on the widths you are leaving alone. A picture can help, and the picture still needs the width written in the sentence. A screenshot does not say whether tablet should follow the phone.

The brief guide is the fuller note for an update. Use it for the outcome. Use this page when the outcome is one width.

The plan is $999 per month, including 10 hours. An hour is time spent on the request. A phone-only style is not free because desktop is untouched. If the work would pass the hours that are left, additional work is $75 per hour and starts only after you approve a written estimate. Unused hours expire at the end of the billing period and do not carry over.

Urgent requests are reviewed and picked up within 24 hours. Other requests are reviewed and picked up within 48 hours. Those windows are pickup times. Marking the note urgent does not limit the edit to one breakpoint, and it does not finish the layout inside the window.

Your Webflow subscription and hosting stay in your own account. A new website or a full redesign is a separate project. One width on a page you already have is a written request.

The Webflow retainer is the monthly plan this request belongs to. The retainer guide explains the work the included hours cover. Use this page when a change should happen on one breakpoint and not on the others.