The Backdrop feature lets you set a custom page background — whether it’s a still image; a video; a Google Map; a color gradient, or one of the many visual effects available.
Enabling a Backdrop: In the Design menu of a page, look for the ”Backdrop” option.
Backdrop Size & Position: Once a Backdrop has been enabled, the “Split” option will display the Backdrop and the page contents side by side rather than layered below the page content. Enabling the “Responsive” option will vertically stack the backdrop on top of the content when viewing the site on mobile, using 50% of the viewport‘s height.
Full Height Backdrops: To allow the Backdrop to take up the full height of the browser window, it’s typically combined with the “100% Height” option also in the Design menu of the page you are editing.
Browser & Device Support: Animated Backdrops require WebGL. Some devices may not render Backdrops due to having certain system settings. For instance, iOS has a “Low Power Mode”, and Android has a “Data Saver” mode.
Still need help?