Responsive?

Like the other question, I would start with customizing CSS. In this case, you may want to use wp_enqueue_scripts to load different stylesheets based on your needed delivery.

(Note: the default stylesheets mostly are not responsive as they have fixed width properties. A quick and dirty approach may be to just start with working on a custom stylesheet that does away with the fixed pixel widths.)

https://rocketgeek.com/plugins/wp-members/users-guide/customizing-forms/

Great info on the style sheets, however, im pretty lame when it comes to editing code and what not… Is it pretty much copy and paste? I nervous I might jack it up!!! Any suggestions…?

Thx again!

I wouldn’t worry about breaking anything since WordPress best practices would dictate that you be testing on a test system and not a production system ??

To keep it easy (and reversible), create a copy of one of the included stylesheets, then save that somewhere (like your theme folder). Then set that as the stylesheet in the plugin’s settings.

Now you can work on things in that stylesheet, but if you break something badly, you can just change the stylesheet setting for the plugin back to one of the defaults.

Somebody better at CSS than I am may be able to suggest a cleaner way to do this, but what I did was just encase my custom css for smaller screens in the following:

@media screen and (max-width: 550px) {

}

You can create multiple instances of this for different screen sizes. I took the default wp-members css file following the instructions at the link above and then modified it to my liking.

Seems to do the trick.