Hero Text on Top [SOLVED]


lets say I use a Hero and a text bric. The text was showing in the middle of the screen at all breakpoints. Is it possible to set the text to the top of the screen but a little space to the navbar? I tried a negative margin and it works - but I am not sure how it looks on different smartphones when they have a bigger display. I will that the text is still under the navbar no matter which screen size …is there a better solution ?

If you look in the browser inspector in the hero container you will see a style property

flex-grow: 1;

We can over-ride this though.

Create a custom class, add it to the container in the hero, set the flex child as in the image.

Hello @PeteSharp
thanks …

1 Like