Centering header text

See here:

When you stretch the screen to replicate devices and screen sizes, the text has a hug gap up top, I want it to act like this:

so no matter what screen size or device, that text is always centered.

Same thing happening here:

http://www.iikimasesores.com/

Thanks.

Looks like I have to use layer slider correct? SO im building it using layer slider, my issue is now this:

I have c.knights steakhouse up top, the the tagline underneath.

They are both centered top and bottom 50% to center it always. The tagline has a padding of 100PX on the top.

Looks good on the desktop, but mobile, it all bunches and covers each other. How can I fix this?

Hi @logoglo,

Thanks for writing in.

You can use hide base on there screen size function to create for mobile version only. You can check the link below on how to do it.

Hope it helps.

Thanks.

This doesnt really help, Why is the text behaving like that? I have padding at the bottom of the top text, so why is it not working on a mobile view?

Hi @logoglo,

In this case, please share us your admin credentials so we could check your setup closer and we could identify the problem.

Please add a it in a secure note.

Thanks.

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