How to center row after min-height: 100vh;

[Haz]

Hello,

I have recently centered my sections 100% with element CSS

And was able to achieve full parallax background.
However, I have faced an issue with centering row, could you kindly advise how to center it, should we use specific margins in this case? Hope to center it.

[christian]

Hey Haz,

Row margin won’t have effect so you’ll need more custom CSS. If you wish to continue using CSS, you’d need to consult with a developer or learn CSS and the usage of dev tools yourself.

There’s a way to center things up in our builders and that is the use of Flex options. You can learn more about Flex here: https://theme.co/docs/use-flex-layout. If you’re ready to use this, remove the custom CSS in your Section and set the Section’s Paddings to 0 then read on.

What defines the height of the Row and in turn, the Section, is the Column element so set the Column’s Min Height to 100vh and enable the Flexbox Layout.

You just then need to set the Align Vertical of the Column to Center.

Hope that helps.

[Haz]

Dear Christian,

I have repeated all the steps and it worked out perfectly. Ii centered “align Horizontal” too, thank you so much for your help!

[rad]

Glad we could help, you’re most welcome!