Text alignment broken after position set to fixed

[miltosbottis]

I tried setting some text to a fixed and back position here
https://miltosbottis.com/mama-silkscreen/

Although that setting works, it completely messes up the layout applied on that text, moving it to the left of the page and taking up all the page width.

Is there something I missed in what I'm trying to do here?

[arminunruh]

yea you're using custom css to fix the row

the way it behaves is totally normal, position fixed elements are not part of the document flow.
also it interferes with the placing

maybe u should rather use the sticky feature
https://www.instagram.com/p/CmG-curDQ_9/

or use more css to position the row

[arminunruh]

oh!

maybe do this:

you can give a row a class of "sticky-row"

and then write css to make the row sticky:

.sticky-row{
position: sticky;
top: 0;
}

this will fix the row but still take up the space i think!