Margin for header causing issues

[logoglo]

Hi see here:

How to deal with stress | The Stress Management Clinic

So, I have the header setup, with flex box, vertically centered. It is centered, but it gives the illusion of being slightly too low.

It looks like this:

so I tried adding a -90px margin at the top of the row…

But it makes the headline go to the left…not sure why?

Any way of fixing this? I also tried a -margin on top of the headline, but that moves it up, and the rest stays with a big gap above…

[ruenel]

Hello @logoglo,

Thanks for writing in!

Please remove your -90 pixel top margin. And then do not use Center in your Vertical Alignment Flexbox settings. What you need to use is just “Start”.

And then on the first headline element, you can add a top margin of 6em so that the “How to Deal with Stress” will display a little bit to the center proportion enough with the Image.

Hope this helps.

[logoglo]

Perfect! I feel dumb for not setting it up this way, lack of coffee probably thanks, awesome as always.

[prakash_s]

Hello @logoglo,

Glad that we were able to help you. Please feel free to open a new thread if you have any more concerns.

Thanks