Text box centring issue

[Alan]

I have a Layout Grid as a page header and find the Text Box inside it, for the business name, sticks to the top of the Layout Grid.
Is padding to the top of the text the only way to fudge vertical centring?

[Pablo]

If you set the grid system to 'flexbox' then you can also vertical align elements in a grid column.

[Alan]

I changed the grid system to flexbox but it made no difference.
Here is a link to the pages. https://1drv.ms/u/s!ArAx9oM6899RgexsvM0 ... g?e=Izdd3b
The only content, where the problem is is on master-page.
I hope this helps.
Thanks.

[Smee]

In the properties of the flex box, click on the cell you are trying to align so that it is highlighted. inside that cell will be two smaller boxes.

If you are in "Easy Mode" then under the "Item" heading, use Horizontal to align left - right - center. Use Vertical to align top - bottom. - middle.

If you are not in easy mode, then under the "Item" heading you will set "Justify content" to center and "Align Items" to flex start.

If you have more than one item in that cell, you might want to set the "Flex Direction" to column. When set to column, it orders items top to bottom. If it is set to row, it will order items left to right

[Alan]

That worked, thank you.

To adjust the levels of the title text and menu so the tops start a set distance down the layout grid, not necessarily both through the central axis, how do advise this fine adjustment be made?

Also, the title is the deepest item, in this case, so the text (not its surrounding box) bottoms out on the layout grid. I tried typing a new line to balance the black space top and bottom of the red text, but whilst it looked OK in the editor, the black space under the text vanished in preview.
Not WYSISWYG.
How do you advise keeping the layout grid a fixed depth, when it naturally closes up to the deepest item?

[Pablo]

You can use margin to add spacing to elements.