I have build a landing page for a campaign, based on Landing Page Template - Guided.
It is fair on desktop (not too flexible though) but the problem is when going mobile:
1. Photos stays the same size (banner image, image on body) so they looked cut-out (half image)
2. Youtube videos (embed as iframe) the same
3. Navigation header (where the logo is), yep, the same
Not sure what to do.
Is there a template I can download to better fit mobile?
Thanks in advance,
Solved! Go to Solution.
Please provide the URL of your page.
This is necessarily a HTML/CSS issue and we cannot help you without a URL.
And also, what template are you using ?
Hi Grégoire Michel,
It's Landing Page Template - Guided, and the page is https://go.landanano.com/Japan-VIP-Event-2018-Summary.html
Do you mean it is necessary to edit the code?
Hi Ophir Gal,
Your Youtube iframes currently have a fixed width:
<iframe width="560" height="315" src="https://www.youtube.com/embed/hjxK26reKP4?rel=0&cc_load_policy=1&hl=ja" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
Try removing the height completely and setting the width to 100%.
<iframe width="100%" src="https://www.youtube.com/embed/hjxK26reKP4?rel=0&cc_load_policy=1&hl=ja" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
Also do this on the images you have inserted.
Hopefully that should fix your issues.
Here are examples of what it looks like when I swapped the widths to be 100% and removed the height. Everything looks good.
I added height="315" as a default for now, and it looks ok:
if you got a better solution, I'll give it a try.
Thanks for the help so far!