> 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="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FXzsnrtG3YkPLhN5ZTnZ0%2Fimage.png?alt=media&amp;token=55c33445-958d-4d4a-9a2d-e392352d485b" 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.