> For the complete documentation index, see [llms.txt](https://docs.shopone.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/advanced-editor/desktop-mobile-sync-design.md).

# Desktop/Mobile sync design

The "Desktop/Mobile sync design" feature allows you to adjust the display of an element (such as a button, image, or text) on both desktop and mobile interfaces. Users can choose to synchronize or not synchronize the design to meet specific interface design requirements for each device.

<figure><img src="/files/uzYxHeqmDZvDBi4Rbb03" alt=""><figcaption></figcaption></figure>

**Key options**

* **Synchronous:** When this feature is enabled, all changes to the element's position, size, color, font style, etc., will be uniformly applied across both desktop and mobile interfaces.
  * **Advantages:**
    * Ensures consistency in design.
    * Saves time by requiring changes to be made only once.
* **Asynchronous:** When this option is selected, users can design separately for the desktop and mobile interfaces.
  * **Advantages:**
    * Optimizes the interface for each device type (e.g., reducing image size on mobile to improve loading speed).
    * Enhances customization and provides a better user experience.

**Notes for Use**

* If "Non-Sync" is selected, carefully review both versions of the interface to avoid display issues.
* Use the sync feature if the element does not require significant customization between devices to save time.