WordPress.org

Ready to get started?Download WordPress

Forums

WP-Members
[resolved] Responsive? (5 posts)

  1. mthedesigner
    Member
    Posted 1 year ago #

    I have a responsive site and was wondering if there is a way to get this plug in to be more responsive.

    When it goes to the registration page, the content areas run off the page while on a phone or tablet...

    Any thoughts???

    http://wordpress.org/extend/plugins/wp-members/

  2. Chad Butler
    Member
    Plugin Author

    Posted 1 year ago #

    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.)

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

  3. mthedesigner
    Member
    Posted 1 year ago #

    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!

  4. Chad Butler
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  5. tristanknowles
    Member
    Posted 12 months ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags