WordPress.org

Ready to get started?Download WordPress

Forums

Social
[resolved] Responsive (4 posts)

  1. Daniel Craig Jallits
    Member
    Posted 2 years ago #

    Any chance this can get a responsive UI? Has anyone already modified this to be responsive (would love to piggy-back)?

    http://wordpress.org/extend/plugins/social/

  2. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

    Any layout, not just the plugin above can be turned into responsive, what you need is to locate fixed widths and turn them into the fluid widths.

    For example:
    If the social plugin has a DIV element that's 500px wide, you will need to convert that into percentages %

    Take the size of your widest DIV, usually the wrapper or container and divide them like this:

    500px / 980px = 0.51020408163265

    Fixed:

    .social {
        width:500px;
    }

    Responsive:

    .social {
        width:51.020%
    }

    the rest of the numbers after .020 "408163265" can be used too, but you might not need them at all, they will make your DIV more precise and accurate as well.

    Hope that this helps,
    Emil

  3. Alex King
    Member
    Plugin Author

    Posted 2 years ago #

    Take a look at how FavePersonal integrates Social into it's responsive design. You can see an example here:

    http://alexking.org/blog/2012/05/22/social-2-5

    Also note that Social provides hooks to replace the comments template and CSS files.

  4. Daniel Craig Jallits
    Member
    Posted 2 years ago #

    Thanks Alex! Another fine plugin from a trusted source.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic