Responsiveness (Preview different devices)

The Spotlight preview can switch between desktop, tablet, and phone views. This enables you to design your feed differently for each device, ensuring that it is fully responsive and looks great everywhere.

When editing a feed, you can switch the preview device in one of two ways:

1

From the icons at the top of the live preview area.

2

From the responsiveness buttons next to certain design options.

With option 2, as you design your feed you can switch devices and customize certain options for only certain devices. For example, you can choose to show the header area on desktop devices but hide it on tablets and phones. You can even get more fine-tuned than that and change the padding between posts on different devices.

Keep the default options of the templates or fine-tune your feeds to look just the way you want them.

Breakpoints

At 935px of the screen/browser width, the feed changes into tablet mode.

At 768px of the screen/browser width, the feed changes into phone mode.