Skip to main content

Layout Overview

The Layout settings control how your popup is structured, positioned, and sized on the page.

Layout Settings​

Control where your popup appears:

  • Center — Centered on screen (most common)
  • Top — Top of viewport
  • Bottom — Bottom of viewport
  • Top Left/Right — Corner positions
  • Bottom Left/Right — Corner positions

Set popup dimensions:

  • Width — Fixed width or percentage
  • Height — Fixed height or auto
  • Max Width — Maximum width constraint
  • Max Height — Maximum height constraint

Overlay​

Control the background overlay:

  • Show Overlay — Enable/disable background dimming
  • Overlay Color — Background color
  • Overlay Opacity — Transparency level

Container Settings​

  • Padding — Internal spacing
  • Margin — External spacing
  • Alignment — Content alignment

Responsive Layout​

Layout settings can be customized for different devices:

  • Desktop — Full-size layout
  • Tablet — Medium screen adjustments
  • Mobile — Mobile-optimized layout