Login widget causes problems on mobile

an example link would be helpful. Also, try it with a default WP theme to see if it’s not the theme doing that.

We don’t add any effects that extend the size of the login fields when focused so I’m guessing it’s your theme.

Hi Marcus, it’s not my theme, the issue started immediately after I activated your plugin. It’s apparently a common issue on mobile devices that input fields get zoomed in when on focus.

I did some research on the internet and found a solution

you have to set font-size to 16px for input fields, using em 1 had to set it to 1.125em to work. As all my other form fields had correct font-size, I only noticed when using your plugin. It even happens on wordpress main site on mobile version.

I added this peace of css:

@media only screen and (max-width: 719px) {
input, textarea {font-size: 1.125rem!important;   }
}

Now everything works fine again.

hey, sorry i never followed up on this, and thanks for the snippet… do you mean it happens on the default WP theme as well? If so, do you have an example theme and mobile/browser for me to test?

I just tested it on a site with twenty twelve for example and it works ok for me on Chrome/iphone. It zooms into the form, but I think that’s an iphone thing since the sizes don’t change if I zoom out.

The CSS you mentioned may fix something, but it’d need to be more specific for the plugin as that changes all input and textarea elements on the page. It may work well for you but maybe not others.