# Responsive Preview

The **Responsive Preview** feature in Varbase allows users to preview content across different screen sizes directly within the CMS. It helps editors and designers ensure that pages look and function correctly on desktops, tablets, and mobile devices. Integrated seamlessly with the **Gin Admin Theme**, this tool provides a real-time preview without needing external browser tools, making it easier to optimize content for a responsive and user-friendly experience.

### How to Navigate the Responsive Preview Page

1. Form **Configuration/ User interface/ *****Responsive Preview.***
2. You'll be redirected to the **Responsive Preview** page.
3. Update the information you want and click on **Save** button.
4. You can add a new device by clicking on **Add Device** button.

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2FO9tBiqQbBf9gXGO0ACsQ%2Fimage.png?alt=media&#x26;token=1738f7aa-7663-4f34-b55f-2f7deb5733e8" alt=""><figcaption><p>Navigate the Responsive Preview Page</p></figcaption></figure>

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2FJJ2t0c4fGiJvkYoo284f%2Fimage.png?alt=media&#x26;token=c4ce9895-07e2-4cdf-bb86-43945e8dae11" alt=""><figcaption><p>Responsive Preview Device Page</p></figcaption></figure>