# How to make your site work on multiple devices (phones, tablets etc.)

> ProSite automatically adapts your site for different screen sizes, and gives you fine-grained control over spacing, fonts, and visibility per device.

Source: https://www.kualo.com/knowledgebase/prosite-pages/how-to-make-your-site-work-on-multiple-devices-phones-tablets-etc
Updated: 2026-06-09

---

Your site automatically adjusts for different device types, and you can preview and fine-tune how content looks across desktop, tablet, and mobile right from within the editor.

:::tip
Check how each new section looks on every device as you build it. Catching layout issues early - before you duplicate a section or replicate a page - is far less work than going back to fix things across many pages at once.
:::

## Viewing your site as different devices

Use the device type selectors at the top of the editor to switch between desktop, tablet, and mobile views. The canvas updates immediately to show how your content will appear on each device.

![Device type selectors in the ProSite editor](https://kb-cdn.kualo.com/5f/f4/5ff4cdf661f01f3282d193c1221d4e8f1bd8eb2c.mp4)

## Adjusting padding and margin for different devices

Smaller screens often need tighter spacing. In the spacing menu, you can adjust the scale factor for an element's padding and margin on a per-device basis, or remove spacing altogether for mobile.

![Spacing menu showing padding and margin scale controls](https://kb-cdn.kualo.com/7b/ab/7bab4f45dea9df4fb192d29e2abe86400b465a9f.png)

## Adjusting font sizes for different devices

Font styles are defined in the **Styles** tab. Open it from the editor toolbar:

![Styles tab location in the ProSite editor](https://kb-cdn.kualo.com/ff/1e/ff1ebf1e37de2542481ae46489536bbdd0bae1d2.png)

Click the **Advanced** tab to set a scaling factor per device type. This lets you reduce font sizes on smaller displays without affecting your desktop layout.

![Advanced tab showing font scaling options per device](https://kb-cdn.kualo.com/ef/2b/ef2b58bf698927cc6923f50d2d9da5d1b6fdbafb.png)

## Controlling visibility across different devices

Sometimes you want certain content to appear only on specific device types - for example, a simplified banner on mobile but a fuller version on desktop. You can control this by adjusting the visibility settings for any element and toggling it on or off for each device.

![Visibility controls showing per-device toggle options](https://kb-cdn.kualo.com/74/0c/740c053e996c9ecb88ec9b3093003fbc6ab22ece.png)


---

_Source: Kualo Knowledgebase — https://www.kualo.com/knowledgebase/prosite-pages/how-to-make-your-site-work-on-multiple-devices-phones-tablets-etc · © Kualo Ltd._