0

I have problem with my html/css code on iphone. Visit this link http://my-services-demo.botic-denis.com/ and click on search icon in top bar. After that You will see search bar.

Problem is starting when I click on search input box.

After that it seems like some element make body wider and I can scroll from left to right. Which shouldn't happen.

I can not find the issue causing this.

I have validate html and css.

Also I have another form on the bottom of the page. It is contact form and input fields are not making any problems on focus.

Improve this question
3
  • There is apparently a zoom issue on iOS when you click an input box the browser zooms in on that box, only way to fix is have the font size of the input box 16px or greater. Commented Sep 20, 2016 at 14:12
  • Thank You a lot Thomas, I have changed font size to 16px and this has finally resolved the issue. Would You like to publish your comment as an answer so I can mark it as accurate? Commented Sep 20, 2016 at 14:22
  • Thanks, answer posted. Commented Sep 21, 2016 at 15:18

1 Answer 1

Reset to default
1

There is apparently a zoom issue on iOS when you click an input box the browser zooms in on that box, only way to fix is have the font size of the input box 16px or greater.

font-size: 16px;

Hope this helps.

Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.