WordPress.org

Support

Support » Plugins and Hacks » [Resolved] [Plugin: Social] Responsive

[Resolved] [Plugin: Social] Responsive

Viewing 3 replies - 1 through 3 (of 3 total)
  • Emil Uzelac
    Theme Review Admin

    @emiluzelac

    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

    Plugin Contributor Alex King
    Member

    @alexkingorg

    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.

    Thanks Alex! Another fine plugin from a trusted source.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] [Plugin: Social] Responsive’ is closed to new replies.