I am testing my site on an ipad and the social widget displays larger than the background. When I view the website on my smartphone the social widget displays okay. I am showing my website to a prospect and would like to get this fixed. You mentioned somewhere in this forum that you can use the new facebook plugin. What are the required dimensions or can you leave the widget as 100% width which is now the standard for mobile rendering.
There are two ways to add Facebook social plugins to your site. You can either create them yourself at Facebook ( https://developers.facebook.com/docs/plugins ) or use a WordPress plugin for them. The code that Facebook gives you there you could place inside a text widget and add to the sidebar. The advantage of going this route is you could specify more exactly what you want to display on this site.
If you’re using the Jetpack plugin that’s common on WordPress sites, it has a Facebook page widget that should also work. There are also numerous plugins for Facebook widgets that should do the trick. I believe the “official” Facebook plugin is no longer supported so I would stay away from it, but there are quite a few other to choose from.
You could try tweaking the CSS just a bit. If you want to try that route, here’s what you might try:
In your WordPress dashboard click on the Appearance section and choose Theme Options.