Facebook widget – Width and Height set with px

• 

  therorback · Member · Mar 13, 2015 at 2:45 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’ve recently just updated my mom’s website DinHundskola.se and for this I purchased a great theme. After some updating I added the Facebook widget in the Bottom Footer. However, in customizing this widget I only get width and height options as “px”. When does one ever use px nowadays, and especially after updating to a fully responsive theme.

  I want to set percent as width and height.

  Who can update this widget so it becomes responsive as well?

  Thanks in advance!

  The blog I need help with is: (visible only to logged in users)

• 

  alexjgustafson · Member · Mar 13, 2015 at 7:58 pm

  • Copy link

  Facebook’s plugin only allows Like boxes to be created using pixels:

  https://developers.facebook.com/docs/plugins/like-box-for-pages

  Since the rest of your site is responsive, you can fake it with the Like box using an ‘adaptive’ trick instead:

  Add two Like boxes to the widget area, one with a larger width for tablets/desktops, and then one with a smaller width for phones. In your CSS, hide the smaller Like box. Then, with an @media query, unhide the smaller Like box and hide the larger Like box on smaller screens.