# Responsiveness

#### **I saved a serialized Canvas on Desktop and need to re-open it on Mobile (or vice versa, for responsiveness). How do I make the elements inside smaller?**

You can scale your elements larger or smaller by using the "Scale All Elements" workflow action:

![](https://2486055478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOwxFzRfBRMCDtkHUwlsR%2Fuploads%2F9KkzXP18lmqLzWWOnHPS%2Fimage.png?alt=media\&token=bfa9f841-7138-496e-a887-87d9ab81e6d9)

This workflow action is helpful if you need to make your Canvas responsive when serializing it and saving it to the database.  Here are the steps you should follow:

1. When serializing the Canvas, save the Canvas Width in another field associated with that database Thing:\
   ![](https://2486055478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOwxFzRfBRMCDtkHUwlsR%2Fuploads%2FB23vVBbtAutm5wZaF27e%2Fimage.png?alt=media\&token=9caebe6e-c602-4249-bb7d-f54d3563e1bd)
2. When loading the Canvas on a new screen size, load the Serialized Canvas from step #1, then use the "Scale All Elements" workflow action to update the size of the Elements in your Canvas based on the current Canvas width (formula is **Current Canvas Width** ÷ **Canvas Width when Serialized**):\
   ![](https://2486055478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOwxFzRfBRMCDtkHUwlsR%2Fuploads%2FWcNeaGBbLV0MX5tsREmw%2Fimage.png?alt=media\&token=b5d5f98f-89f0-4039-8fb4-e6e514e895ac)