Display issue with a navigation sidebar

Get Help
1

Hi,

I don’t understand why my design doesn’t display correctly when previewing my web app.
I tried changing some design attributes but the bugs persist.

Here’s a screenshot of what I designed in the editor:

image
image2268×1632 212 KB

And here’s what’s being displayed:

image
image3000×1706 171 KB

UPDATE: I tried adding a second navbar to the right (don’t ask me why) and it solved the issue. But I cannot keep the 2 navbars… maybe this can help find out why it’s not displaying properly.

image
image2334×1480 204 KB

Can someone help me with this?

Thanks in advance.

Best,
Thibaut

2

Hey Thibaut,

I believe what you want to try is adding is a rectangle object that fills the rest of the screen but is a 0% opacity background. This may help to keep the object from resizing for the screen.

3

@thib consider upvoting this request: A training piece from Adalo on how the rendering rules work | Voters | Adalo

I asked a month ago for a simple training piece on how the rendering rules work for page layout: Anyone understand Adalo's page rendering rules?

It takes a lot of messing with things to get a layout to work. Would be really great if someone who understands the ruleset their rendering uses could teach us the basics in a video. It’s using something akin to the CSS box model but with a bunch of corollaries I don’t understand.

2 Likes