Issue with desktop align design

Hello,

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
image

When I put it on preview mode

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

Maéva

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

Thanks

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

7e8d7319a42605c57987d1879bd3370fe5894215_2_690x350

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.

2 Likes

I agree with @Briggsy