NO BUG: Sticky positioning

Browser: Chrome 110
OS: Windows
URL: Incubator – MeWe360

Hiya, I’ve tried using the sticky positioning on 3 text items as seen on the url link above.
It’s the text on the left in the first section of the page:
ME
WE
360

On the builder page it works, but not on the front end. On the builder page, the 360 stops underneath the 360 as it should. I have set the top sticky values for each item as follows:

Me - 10
We - 100
360 - 90

Initially, it wasn’t working correctly on the builder page either so I added another element underneath and that seemed to have worked for viewing it via the builder, but I repeat, it does not work on the front end.

Any ideas?

Many thanks,
Martine

Hey @Martine,

it’s because the container is not full height.

On parent container (brxe-sdutiv ), change align-items to initial or unset or similar, and it should work :slight_smile:

I’ll mark the topic as no-bug :slight_smile:

Matej

Hi Matej,

Thanks for responding. I’m not sure that worked / if I’m finding it right.
I understand which container you’re talking about.
Is aligned the same as Direction because that’s the only thing that has been changed?
However if I reset it to vertical, the content on the right goes below, all to the left.

I’ve also set the container height to 100% but I don’t think that’s changed anything?

Hi @Martine,

can you try align-items: stretch;

Ok, cool thanks Matej.

None of this changes how it looks on the front end though. Would changing the section height to 100% not solution this?
What I’m finding frustrating as well is that it seems to work on the back end / builder version but when I look at the preview or published version it doesn’t.

Hey @Martine,

yeah, if it looks different on the backend than on the frontend, can you send a quick mail with temporary login credentials to your website (if you have staging also, I prefer staging) and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase, then I (or some of us) can take a look?

Thank you.
Matej

Thanks, I’ve just sent an email but not from the address that purchased bricks as I don’t have access. Though I have specified the purchasing email.
Many thanks

I’m just updating this topic if somebody else will have same issue.

This was solved by adding align-items: stretch; to the parent container.

Matej

1 Like