Testing Your Site on Different Screen Resolutions

2 min read
To experience your site's functionality on various screen resolutions, we recommend using the actual devices you'd like to test, rather than third-party tools. If you don't have access to certain devices you'd like to view your site on, you can use Google Chrome's DevTools to simulate them. 
Important:
DevTools and other third-party tools are emulators and should be used only as guidelines for viewing your site in other devices. We do not support third-party emulators, as they may not accurately represent your site's full browsing experience.

To test your site using DevTools:

  1. Open the Google Chrome browser. Learn how to download Chrome
  2. Click the Customize and control icon at the top right. 
  3. Hover over More Tools and click Developer Tools
Screenshot of going to Developer Tools in Google Chrome.
  1. Click the Toggle device toolbar icon 
Screenshot of clicking the Toggle Device Toolbar.
  1. Click the Responsive drop-down and select a device to emulate.
    Note: Select Edit to emulate an unlisted device. 
Screenshot of clicking the Responsive drop-down to select a device to emulate.
  1. Press F5 or Ctrl + R on your keyboard to reload the page (press Cmd + R on Mac). 

Check out Wix Studio:
Wix Studio is the ultimate platform for freelancers and agencies. This flexible, end-to-end solution includes smart design capabilities and flexible dev tools that let you deliver exceptional results for clients in any industry.

Learn more about Wix Studio:

Did this help?

|