How to have different layout backgrounds on different devices?

  1. Select a layout you want to adjust;
  2. Select layout colour by clicking Background pencil.png in right toolbar;
  3. Select layout colour or image/video for the background;
  4. Select "Visibility" in the right toolbar;
  5. Select devices that you want your layout to appear in (e.g., a wide screen, desktop, and tablet);
  6. Select a different size of screen above your website content (e.g., phone);
  7. Insert another layout in the same position where the previous was;
  8. Select that layout and choose layout colour by clicking "Background" pencil.png in right toolbar;
  9. Select different layout colour or image/video for the background;
  10. Select "Visibility" in right toolbar and set it to show for that layout only (e.g., phone).
  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

How to use layout positioning?

  Drag & drop "Layout" from main toolbar; Choose layout composition; Select one of the...

How to create a landing page?

If you don't have a website yet: You can use the "Landing page" template; If you...

How to use background image/video?

Background can have an image/video uploaded: Option 1: Upload it as background gallery....

How to use "Layout"?

Adding layout: Drag and drop layout from main toolbar; Choose layout composition; Add...

How to use the 'Floating Block' layout?

The “Floating Block” layout type is an excellent choice if you want pixel-perfect precision...