Sticky header just won't align in the middle

I tried all possible solutions but my floating group header won’t align to the middle - it is always pushed to the left.

I created a resuable header component both as floating group and normal group. I attached the floating group to one of my pages but it always floats left and doesn’t center. Then I tried to set a floating group in one of my pages and attach a normal group header to it and it doesnt work either.

Where’s the trick?

The floating group either align left or right.

Make it so the floating group has no maximum width and is of layout type row or column. Then in that put all the elements you want to show centered into a container group and make it align to the center of the floating group.

1 Like

I think I am close… it now just doesnt scale down when responsive / on smaller screen sizes

This post might be helpful.