Login form not responsive

  • Resolved zonkeroo

    (@zonkeroo)


    5 years, 10 months ago

    I was looking at the login form on my phone and it is not responsive.
    Text is on top of the login button and the login button does not respond to touch, although I was able to get it to work with the S Pen on my Note.
    How do I go about making this responsive? My theme is responsive and I have no issues like this with anything else on the site.
    I looked at your documentation on customizing forms but I didn’t see how to make it responsive.
    Thanks Chad

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Chad Butler

    (@cbutlerjr)

    Responsiveness isn’t anything more than the CSS and HTML involved – and in the case of these forms, it’s really just the CSS.

    The form CSS as designed is responsive. However, you have to keep in mind that is as tested here on my end. Your theme and plugins can apply additional CSS or define properties that are not specifically defined for the forms but are inherited which may end up altering that.

    Simply stating “my theme is responsive” doesn’t actually account for the fact that there could be property definitions that change certain elements in the plugin’s forms. Most of the time this will be something like padding, margins, or sizes of elements.

    The best thing to do is use the WordPress Customizer. Most of the time, changes necessary to account for inherited theme properties are small and don’t require creating an entire custom stylesheet from scratch. The Customizer makes this easy because you can also use the browser inspector to view what properties are applied and your changes are viewed in real time, which makes things far simpler than trying to make adjustments, reload, retest, and readjust. See how to use the Customizer to work with the forms here:
    https://rocketgeek.com/plugins/wp-members/docs/customizing-forms/using-the-wordpress-customizer/

    Thread Starter zonkeroo

    (@zonkeroo)

    Thanks so much Chad, I’ll give the customizer a whirl (before I bug my dev for the zillionth time, lol).

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Login form not responsive’ is closed to new replies.

Tags