# How to work with PageFly on mobile?

About PageFly Editor On Mobile

The PageFly Editor has made significant strides in mobile functionality, allowing you to edit your pages directly on mobile devices. This feature is especially useful for Shopify merchants who want flexibility in managing your stores on the go. Here's how to effectively work with PageFly on mobile.

### How To Access PageFly Editor On Mobile

To access the PageFly editor on your mobile device:

* Open your **Shopify admin dashboard**.
* Navigate to the **PageFly Page Builder app**.
* You can either create a new page or edit an existing one.

### How To Configure PageFly Editor On Mobile

Most page editing features previously available on laptops are now fully functional on mobile devices. PageFly’s mobile editor allows you to:

|                                                                                                                        |                                                                                                                                  |                                                                                                                                   |
| ---------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
| <p>Build page from pre-designed template</p><p><img src="/files/xCpqJu9IXELJlgtd5vQM" alt="" data-size="original"></p> | <p>Add, edit, move, duplicate, and delete elements</p><p><img src="/files/hehOsnKpY7mgm4Bv582i" alt="" data-size="original"></p> | <p>Adjust Page settings (Ex: Select product source)</p><p><img src="/files/02aQw2eCQHtpFYH5A1Ka" alt="" data-size="original"></p> |

And other basic adjustments like:

* Copy and paste styles between elements.
* Preview and publish changes live, just as you would on a desktop.

### Best Practices

To ensure a smooth and efficient experience when using the PageFly editor on mobile, follow these best practices:

**1. Edit Headings/Buttons with Only an Image**

If you are running a campaign and need to update content urgently, you can now easily edit headings or buttons directly on your mobile. For example:

* Open the PageFly editor on your mobile device.
* Tap on the heading or button element.
* Update the text or image as needed.
* Save and publish changes immediately.

This flexibility ensures you can make real-time adjustments on the go without requiring a laptop.

**2. Add Custom Code on Mobile**

Want to apply advanced customizations, such as gradient color text or animations? You can now do it via mobile. Here's how:

* Open the PageFly editor and select the element you want to customize.
* Tap on the "Custom Code" section in the element settings.
* Add your code snippet, such as CSS for gradient text (background-clip: text;) or JavaScript for animations.
* Preview changes live to ensure everything works as intended.
* Save and publish your updates.

**3. Test Responsiveness**

After making edits, use the "**Preview**" option to test how your page looks on mobile. This ensures that your page remains visually appealing and functional across all screen sizes.

**4. Keep it Simple on Mobile**

When working on mobile, focus on quick, essential edits:

* Stick to adding or modifying small elements (e.g., headings, buttons, or images).
* Use templates to save time if building a new page.
* Avoid overly complex customizations unless absolutely necessary, as they are easier to manage on a desktop.

### Frequently Asked Questions

**1. Are all desktop features available in the PageFly mobile editor?**

Yes, most page editing features that were previously available on laptops are now fully functional on mobile devices, including adding, editing, moving, duplicating, and deleting elements.

**2. Are there any limitations when using PageFly on mobile?**

While most features are available, it's important to note that the experience may vary slightly depending on your device.

**3. Can I save and publish to check the preview and live page on mobile?**

Absolutely! PageFly mobile editor allows you to save your progress and publish changes directly from your mobile device. You can also use the "**Preview**" feature to check how the page will look live before publishing.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.pagefly.io/page-structure-and-elements/editor/user-interface/how-to-work-with-pagefly-on-mobile.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.