Misbehaving flex box

I added a simple 100% wide flex box on a page then added 7 link boxes with text into it, set the flex box to horizontal, spaced and fixed.
When previewed it looks fine, when published, the link boxes went vertically from the middle.
I did the same again, this time with text links and they all grouped in the middle.
The only way to fix the problem was to make the box ‘relative’ not fixed - then it all worked fine.

I’m afraid, the site had to go live so I can’t share it.

I thought you should know.

Try to make the flex element 100% only, and nest it into another new div, and set the fixed property to this div. If it doesn’t work can you share your read only link please?

2 Likes

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.