Prevent auto-zoom on text fields in mobile safari?

  • 1
  • Question
  • Updated 4 months ago
  • Answered
I built a page in the regular (not mobile) builder. I tried to keep it mobile friiendly in layout.It loads on iPhone 7 plus fine, but editing text fields cause mobile safari to zoom in. That doesn't happen in pages built in mobile builder, so there must be a way to stop it. Anyone know what that way is. It is harshing my mellow.
Photo of Skuidward Tentacles (Raymond)

Skuidward Tentacles (Raymond), Champion

  • 17,224 Points 10k badge 2x thumb

Posted 1 year ago

  • 1
Photo of Skuidward Tentacles (Raymond)

Skuidward Tentacles (Raymond), Champion

  • 17,224 Points 10k badge 2x thumb
Answer: change the font size of all edit mode components on the page to 16px or larger.
Photo of Skuidward Tentacles (Raymond)

Skuidward Tentacles (Raymond), Champion

  • 17,224 Points 10k badge 2x thumb
Also, I stole "harshing my mellow" from someone else in the community. Made me laugh.
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
"Harshing my mellow" is my new favorite quote on the community. I too laughed at the other post.
Photo of Mansour

Mansour

  • 1,932 Points 1k badge 2x thumb
This is a year old, but I did find a solution to this:
Add a template at the top of your page with: <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> and HTML checked.
Photo of Skuidward Tentacles (Raymond)

Skuidward Tentacles (Raymond), Champion

  • 17,224 Points 10k badge 2x thumb
Nice. Thanks Monsour.