Issue with desktop align design


I am facing issues when I switch from the building mode to the preview one.
The design seems fine on the building screen but when I switch I lost all the alignment.

When I build the destop app

When I put it on preview mode

Any idea ?
Thanks in advance for your help! :slight_smile:


Hi @Maeva_K I think you should use rectangles in the background.


@ishantanusrivastava Thank you for reply.
I tried but unfortunately, it is not working. Any idea why ?


Try putting each heading in it’s own invisible rectangle. If that doesn’t work, try putting invisible rectangles from the edge of the page, right up against the first and last heading element. That way Adalo will see your invisible rectangles as elements that can’t be moved with responsiveness.

You could also put a large rectangle from both page edges around all the headings and group it all together so it’s one big element that’s stretched across the page.

There’s a few methods you can use, just as long as you understand what needs to be done.


I agree with @Briggsy

Thank you for your help.
I tried your idea, it was a bit better but I am still facing some issues therefore I decide to remove this line.

Thank you again for your time.