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