[Resolved] small mobile screens, fitting hero page

[Korhan]

Hi, on some mobile phones my hero image and texts are partly displayed under the menu bar. Can you please help me to adjust the texts to the middle of the screen and make them fully visible?

Please see the attached photos.

https://ibb.co/dQbgkMd
https://ibb.co/kqZxnLC

[David]

Hi there,

you have a Header Element – which has the Site Header (tab) > Merge with Content enabled. I am not sure why you need this. So the simple fix would be to uncheck this option

[Korhan]

Hi David,

Thank you for your answer. If I select no merge, desktop is not displaying the hero image full screen.

If I select merge only on desktop, desktop looks ok but mobile hero image is not fitting the screen but I guess it is better if the hero image is larger than the screen on mobile. So it looks like merge only desktop is the best option for me.

Cheers,

[David]

OK – i understand.
You can edit the Top Padding for Mobile only in the Header Element – that will push the content down.

[Korhan]

thank you , that worked great.

[David]

You’re welcome

[Author]

Posts