Notifications
Clear all

Style [Solved] Fields zoom in on iPhone

11 Posts
3 Users
1 Reactions
1,440 Views
Posts: 389
Topic starter
(@danniee)
Honorable Member
Joined: 5 years ago

Hi,

When clicking the sign in och register fields on iPhone, it zooms in and breaks the design sort of. I have done some research and this happens when the fields font size is less than 16px. Is there any way to fix this? Maybe with the addition of some custom css?

Many thanks!

10 Replies
Sofy
Posts: 4900
 Sofy
Admin
(@sofy)
Support Team
Joined: 7 years ago

@danniee,

Please leave some example URL. We'll provide some solution for you. 

Posts: 389
Topic starter
(@danniee)
Honorable Member
Joined: 5 years ago

Hi, do you mean you need to know my website URL? Can I add it in private somehow? 🙂

1 Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4900

@danniee,

do you mean you need to know my website URL?

Yes, that is correct. 

Can I add it in private somehow? 

I've just set this topic as private. You can leave it here. 

Posts: 389
Topic starter
(@danniee)
Honorable Member
Joined: 5 years ago

Ok, url is [deleted] 🙂

2 Replies
Sofy
 Sofy
Admin
(@sofy)
Joined: 7 years ago

Support Team
Posts: 4900

@danniee,

Could you please leave a screenshot of the issue? 

(@danniee)
Joined: 5 years ago

Honorable Member
Posts: 389

@sofy I can't because it's on mobile so the issue needs to be experienced. This is a well known issue with iPhones so there is plenty of documentation out there. For example, I fixed it for my search bar by adding:

@media screen and (max-width: 910px) {
.is-menu .is-form-style input.is-search-input {
font-size: 17px!important;
}
}

 

So it shouldn't be very hard to do the same with this plugin. I just simply need to make the font size in your fields to 17px.

Posts: 389
Topic starter
(@danniee)
Honorable Member
Joined: 5 years ago

Did you guys find a solution for this? 🙂

Page 1 / 2