[Resolved] Header on mobile not optimized

[Jordan]

Hi there, I added a header hero element to this page: https://jordantarver.com/van-life-draft

It appears as a full width banner on desktop, but when you go on mobile it’s very zoomed in. How can I make it appear as a full width banner on mobile, too?

Thanks!

[Tom]

Hi there,

Did you fix this? All looks good on this end.

Let me know 🙂

[Jordan]

No, the mobile version is extremely zoomed in. I’d like it to be the original image layout like you see on desktop.

[Jordan]

Is there a way I can upload a photo to show you the mobile?

[David]

Hi there,

edit the Header Element and change your Bottom padding from 400px to 27%
27% is the aspect ratio of your original image ( H / W * 100 ) – and will ensure the image remains responsive.

If you need to – you can also change the Mobile padding separately.

FYI – images you can share a link to a share drive or if you have a direct URL to image – say from your Media Libary you can add it using the IMG Button in this editor.

[Jordan]

That worked! Thanks, David 🙂

[David]

Glad to be of help

[Author]

Posts