Support mobile devices

Canva's product catalog and editor has excellent support for mobile devices. To enable this support, add the following meta tag to the page that contains the integration's iframe:

<meta
name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
/>

When using the mobile view, we recommend letting the product catalog and editor stretch to the edges of the viewport. This means not using a custom header of footer.