(DudaMobile) Overlapping content

  • Knowledge Base
  • Mobile Website Builder
  • (DudaMobile) Overlapping content
  • Duda Support > Mobile Website Builder > Editing a Site


Overlapping content is being able to put content or elements directly on top of one another. There isn't a way to do this directly by drag and dropping, but you can read some of the methods for achieving this effect in Duda's editor.

Overlapping content by using background images

The most reliable method of overlapping content in Duda is to take advantage of background feature to lay an image behind text or other images. To do this;

  1. Create a new element
  2. Set a background for that element
  3. Done! You've now overlayed content over an image.

See this article for uploading background images;

Overlapping text and images by using the image slider

The image slider by default lets you place text over images. Read more about this feature here.

Overlapping content by using margins

You can also overlap content by using a trick called "negative margins". Simply set a negative margin for the element you want to overlap and it'll move that element over another element. For more information about margins, see here.

Overlapping content by using CSS

You can also overlap content by using CSS. For more information on adding CSS, see this article here.



Priority Phone Support

English phone support is available 18 hours a day,
Monday through Friday, 3am to 9pm (EST).

United States +1 866-776-1550 3am to 9pm (Eastern)
United Kingdom +44 (0)800-011-9071 8am to 2am (London)
France +33 (0)9-75-18-84-74 9am to 3am (Paris)
Israel +972 (0)3-720-8922 10am to 4am (Jerusalem)
Australia +61 (0)2-8880-9166 7pm to 1pm (Sydney)
To schedule a call in French, Portuguese, Hebrew or Russian, please email us at prioritysupport@duda.co

Please Log in as a DudaPro

Priority Phone Support is available exclusively to DudaPros. Log in to your DudaPro account now to see our international support numbers.

Log In
Not a DudaPro? Start a free trial now!