Sitebeat is a website builder platform with a built-in Responsive Design, which automatically resizes your content, images, and other media. It also transforms your website to fit perfectly to different devices and screen widths.

You don't have to make another version of it to match a specific device or screen. While you create your website, you can easily preview how your site looks on a different device and make minor changes if you want to.

To experience Sitebeat’s Responsive Design while on Preview and Editor modes, follow the steps below:

1. Log In to access the Sitebeat dashboard.
2. Under My Sites, click the EDIT SITE option on the website that you wish to manage.

Note: If you want to edit a new site, you have to unpublish the current website and make your new site as your primary website.

Under My Sites, click the [...] Ellipsis Icon on the top-right corner of the website to unpublish the current site. Click Unpublish Site, and then click Yes, Unpublish to confirm.

Under My Domains, click the [...] Ellipsis Icon of the website that you want to replace as your primary website, then click Replace Primary. In the pop-up window, select the domain of the new website in the New Primary Domain list, then click Replace Primary. You can also click the Domains tab under My Sites to perform the necessary steps mentioned.

You can now edit the new site that you wish to manage.

3. Click PREVIEW in the upper-right corner of the page.
4. To switch between Desktop, Laptop, Tablet, and Phone preview, click the icons found at the bottom of the page.
   

   Note: You can still edit your website while on Preview mode, but with limited options only.

5. Click ← BACK TO EDITOR in the lower-left corner of the page to return to your editor.
   

   Note: While on Editor mode, you can also click on the desktop, laptop, tablet, and phone icons at the top of the page to fully edit the elements of your website while on different views.