Overlays layouts

Select the Layouts tab in your overlay to choose a layout/template for your website overlay.

See also: Website overlay design best practices

Additional desktop layout options

If you choose a layout with the image on one side (rather than a background image) you can change the image position.

Choose left, right or top.

Be aware that the image position is different for mobile users.

Webpage alignment

If you choose the small overlay layout, you also have the option to position the overlay on your webpage:

Select your alignment and then use the pixel dropdown to offset:

Mobile view

If you choose an overlay layout with the image on the right or left, it only displays that way for desktop users.

For mobile users, the image displays on the top so that your data fields don't get 'squashed' by the smaller screen:

Video guide