---
description: >-
  In this guide, you will learn how you can see a preview of your site's layout
  on different devices in the Design Editor.
title: "How to See a Preview of the Site Layout in Different Devices?"
canonical_url: https://docs.sitekick.ai/using-the-design-editor/how-to-see-a-preview-of-the-site-layout-in-different-devices
source_url: https://github.com/aketchel/sitekickai_docs/blob/main/sitekick-documentation/using-the-design-editor/how-to-see-a-preview-of-the-site-layout-in-different-devices.md
---

# How to See a Preview of the Site Layout in Different Devices?

To see a preview of your site layout on different devices, please complete the following steps.

1. Open your page in the **Design Editor**.
2. In the bottom left, click the **Responsive Mode** icon (desktop/tablet/mobile).
3. Adjust layouts per device type and preview instantly.
4. Changes made in each mode apply only to that device unless overridden.