Landing page on mobile

  • 1
  • Problem
  • Updated 4 months ago
  • Solved
  • (Edited)
I have created a landing page and published. When I preview, it looks great on desktop and iPad view. But on mobile, it not mobile friendly. I haven't coded anything extra, only using the drag and drop items. I have also opened the link on my phone and it looks the same as the preview does. (Too large for the screen). Any help would be appreciated.
Photo of Leslie

Leslie

  • 1 Post
  • 0 Reply Likes

Posted 4 months ago

  • 1
Photo of Zach Sharpe

Zach Sharpe, Employee

  • 289 Posts
  • 32 Reply Likes
Hi Leslie,

I'm seeing the same when I preview this in mobile!

It looks as though the HTML block is breaking the width when stacking for mobile. Try changing the width in your HTML to 100% so that it can scale with stacking to see if this helps.

As an example:

<div align="center"><iframe allow="autoplay; encrypted-media" allowfullscreen frameborder="0" height="500" src="https://www.youtube.com/embed/5QFyxDLKQcg?rel=0&amp;showinfo=0"; width="100%"></iframe></div>

I hope this helps point you in the right direction but certainly let me know if I can answer any questions!

Thanks

Zach