Archived topic
Header on mobile not optimized
6 replies · Started by Jordan on March 3, 2020
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!
Hi there,
Did you fix this? All looks good on this end.
Let me know :)
No, the mobile version is extremely zoomed in. I’d like it to be the original image layout like you see on desktop.
Is there a way I can upload a photo to show you the mobile?
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.
That worked! Thanks, David :)
Glad to be of help
