Device Header

By default, there is the device name and resolutions, and icons for Rotate, Refresh, Screenshot, and the 3-dot menu icon for device settings above every device. This is called the Device header.

Document image

Configuring header icons

You can see choose to see more of these icons if you use them frequently, or less of them in case you think it adds to the clutter.

To change how many icons you see in the device header, open the Device Config popup towards the right of the toolbar. Here, you will find the relevant options in the Header section.

Document image

Here's what each option means:

  • Minimal: removes all icons other than the 3-dot menu.
  • Balanced (default): only shows the icons for Rotate, Refresh, and Screenshot.
  • Full: adds icons for Dev Tools and Focus Mode.

You can also turn off the device header entirely by using the toggle next to the Header entry.

Document image

Toggling device dimensions

If you wish to disable the device dimensions instead, open the Device Config popup again, and click the toggle to the right of the Dimensions entry.

Document image