when row size is set as browser height, it does not respect page gutter

[Marc Vila]

laturbo.cat/arxiu
laturbo.cat/arxiu-copy
Chrome

I find that when I publish a page with "Row Size= Browser Height", it does not respect the margins of the page and is misaligned. However, if I publish the same page with "Row Size = Natural". It does respect the gutter of the entire page and everything is well organized. Is there a way to solve this? I am interested in being able to use both types of rows. I am attaching screenshots, I have only duplicated the page and changed the type of Row.

Thanks in advance!

[arminunruh]

hey, so I'm not completely sure if I understand correctly.

If you make a row browser height, right, and then you have a frame top, the frame top is its own space. If you want your first row to be browser height and not push down at the same time, you need to set frame top to zero.

Is that what you mean? Have a nice day.

[arminunruh]

or maybe you mean something else? Can you explain it again differently, or maybe with a screenshot?

[Marc Vila]

Hi Armin, I'll try to explain it better. It's not about the frame, since I keep it the same. 12% at the top and 4% on each side. What happens to me is that if I tell a row to be browser height it doesn't seem to respect it. However, if I configure it as Natural it does respect it. I'm attaching two screenshots to see if it helps me explain.

It would be interesting if it always stayed aligned within the frame parameters. What am I doing wrong? Or what error could there be?

http://laturbo.cat/wp-content/uploads/2026/09/Browser-Height.jpg
http://laturbo.cat/wp-content/uploads/2026/09/Natural-Height.jpg

Thanks!

[arminunruh]

hello! this seems to be the same two screenshots. but based on the yellow line you inserted, I can tell that you mean the left edge does not align with the other content in rows on the left side right

[arminunruh]

is that what you meant?
sorry btw about the late answer, had a website launch that was a lot to handle

[arminunruh]

I'm actually still not so sure because I looked at the two links that you sent at the very top here, and I don't really see an alignment issue. Maybe you're understanding it differently than how it works.

See, for example, if you have a frame at the top of 12% and you have a Browser Height row underneath.

Then the height of the whole layout is:
12 % Top Frame + browserheight Row

In actuality, it's larger than a browser height.

If you want a Browser Height section and in there things should have space to the top, for example, then you should just set frame-top to 0.
And then just click some element that is within the row at the top, and then change its space-top or inner-space-top value in the sidebar.

But as I said, I'm still not sure if that's even what you mean, so if you could elaborate further, that would be great, or maybe send the right screenshots.