---
url: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/editing/mobile-editing'
title: 'Edit a page on your phone or tablet | DXPR'
author:
  name: docs-sync
  url: 'https://dxpr.com/users/docs-sync'
date: '2026-10-23T14:31:17+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Make quick edits on a phone or tablet, and what changes in the editor on a touch screen'
tags:
  - 'Edit a page'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-23T14:31:17+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Edit a page on your phone or tablet'
      description: 'Make quick edits on a phone or tablet, and what changes in the editor on a touch screen'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-23T14:31:17+0000'
      dateModified: '2026-10-23T14:31:17+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/editing/mobile-editing'
      articleSection: 'Edit a page'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/hc/documentation/learn-dxpr-builder/editing/mobile-editing'
      description: 'Make quick edits on a phone or tablet, and what changes in the editor on a touch screen'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: en
---
[Help Center](/hc)/[Documentation](/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Edit a page](/hc/documentation/learn-dxpr-builder/editing) # Edit a page on your phone or tablet.

Make quick edits on a phone or tablet, and what changes in the editor on a touch screen

 Learn DXPR BuilderBuild pagesEdit a page

   ## In this guide

 Related guides

- [Preview mode](/hc/documentation/learn-dxpr-builder/editing/preview-mode)
- [Responsive design](/hc/documentation/learn-dxpr-builder/design/responsive-design)
- [Save and publish](/hc/documentation/learn-dxpr-builder/editing/save-and-publish)

You can fix a typo or change a button from your phone or tablet: the builder runs in mobile browsers and adapts its dialogs to touch screens. This page shows a quick edit and what looks different. For new layouts and templates, a desktop screen is easier.

The video corrects a date at phone width and saves it.

  ## Before you start

- You are logged in with the **Edit with DXPR Builder** permission.
- The page shows the DXPR toolbar. If its eye icon is crossed out in red, the page is in Preview: tap the icon and choose **Edit**.

## Fix a text

1. Open the page on your phone or tablet.
2. Tap the text you want to change.
3. Type your correction.
4. Tap outside the text, then tap **Save** on the DXPR toolbar.

## Change an element's settings

1. Tap the element to show its control bar.
2. Tap **More**, the three dots on the control bar.
3. Choose **Settings**.
4. Change the setting, then tap **Save** at the bottom of the dialog.
5. Tap **Save** on the DXPR toolbar.

## What you see

Phones, tablets and touch screens up to 1024 pixels wide get the builder's touch layout.

- **Element picker.** It fills the width of the screen. Its tabs become a list at the bottom, next to a search box and a **Close**button.
- **Settings dialogs.** They open over a dimmed page and stay in place. There is no close icon and no full-screen button: use **Cancel** or **Save** at the bottom.
- **Text toolbar.** Tools that do not fit sit behind its **Show more items** button.
- **Menus.** The keyboard shortcut hints are hidden.

## Which device for which task

| Task | Device |
|---|---|
| Fix a text or swap an image | Phone or tablet |
| Change element settings | Tablet or desktop |
| Build or rearrange a layout | Desktop |
| Create templates | Desktop |

## If you don't see the editor controls

- **Nothing happens when you tap.** The page is in Preview. Tap the eye icon on the DXPR toolbar and choose **Edit**.
- **A settings dialog has no close button.** On touch screens it closes with the buttons at its bottom. Scroll down in the dialog and tap **Cancel** or **Save**.
- **The layout looks different from your desktop.** Columns stack on narrow screens, just as they do for visitors on phones. Check the side-by-side layout on a wider screen, and see [Responsive design](/hc/documentation/learn-dxpr-builder/design/responsive-design).

## What's next?

- [See your page as visitors do](/hc/documentation/learn-dxpr-builder/editing/preview-mode): check the page before you save.
- [Responsive design](/hc/documentation/learn-dxpr-builder/design/responsive-design): control how your layout adapts to each screen size.
- [Save and publish your page](/hc/documentation/learn-dxpr-builder/editing/save-and-publish): store your changes and make them visible.