Understanding the Visual Layout Editor

February 28, 2026 · Tutorials

The drag-and-drop layout editor gives you pixel-perfect control over every element on your overlay.

Manual coordinate entry works, but there's something satisfying about dragging a logo exactly where you want it and seeing the result in real-time. The visual layout editor brings that experience to sponsor management.

The editor presents a 16:9 canvas (or your chosen aspect ratio) with a grid overlay for alignment reference. Drag sponsor logos to position them, resize by dragging corners, and see exactly how your overlay will look during a stream.

Grid snapping helps align logos with each other and with screen edges. Safe zone guides show you where platform UI elements typically sit, so you can avoid placing logos behind chat windows or progress bars.

The editor supports both mouse and touch input, making it usable on tablets for quick adjustments. Changes save automatically, and the overlay updates in real-time.

For precision work, you can switch between the visual editor and direct coordinate input. Some people prefer the feel of the editor for rough placement, then fine-tune with exact pixel values.

Tags: layout editor, drag-and-drop, visual, canvas