Home > Facebook Like > Facebook Like Button Responsive

Facebook Like Button Responsive


up vote 30 down vote favorite 9 I'm implementing the Facebook Like Button, but I'm running into some trouble with the width. In the console I receive the following error: Viewport argument value "device-width;" for key "width" is invalid, and has been ignored. Browse other questions tagged javascript css facebook facebook-like facebook-javascript-sdk or ask your own question. questulent commented Oct 15, 2012 Thanks so much for this - a real timesaver :) pixelnourish commented Dec 5, 2012 Just found this - works perfectly.

But I agree, this should not be necessary. What settings should we be using when getting the code from Thx so much for this! :-) Now the fb-like-box seems to be 100% fluid / responsive. Height: 35 pixels (without photos) or 80 pixels (with photos).

Facebook Like Button Responsive

Back to top #5 beauregard beauregard Newbie Members 3 posts Posted 14 November 2011 - 01:14 AM Ahh, got it fixed by adding the following style to the fb-like class:

at 14:51 | show 2 more comments up vote 1 down vote Try using Iframe code of facebook like button instead of HTML5.

  1. Anyway here is some test code if you want to give it a try.
  2. jesseshowalter commented Apr 15, 2014 Thanks so much, this did the trick emblisha commented Sep 2, 2014 thanks soo much it works great urmilshah13 commented Sep 3, 2014 perfect thethao commented
  3. Edited by beauregard, 12 November 2011 - 07:04 PM.
  4. Do you still gain the magical benefits of a shield when wearing but not wielding it?
  5. In other words, we want to set the width of the iframe to 1px wider than the width that would cause the text to wrap.
  6. Why is the 'You talking to me' speech from the movie 'Taxi Driver' so famous?
  7. Do any one know if it would be possible to leave out the profile image in the stream?
  8. eomonteiro commented Jun 1, 2013 .fb-comments{width: 100% !important;} .fb-comments iframe[style]{width: 100% !important;} .fb-like-box{ min-width:280px;width: 100% !important;} .fb-like-box iframe[style]{min-width:280px;width: 100% !important;} .fb-comments span{width: 100% !important;} .fb-comments iframe span[style]{width: 100% !important;} .fb-like-box span{min-width:280px;width:
  9. Feb 9, 2014 f Comment [SOLVED] Fixing Strange Facebook Like Button Layout Bug on Mobile!

I'm sure there are some improper coding methods I may have used, but that's just out of inexperience and from the help of google, so please excuse them . I'm using the JavaScript SDK implementation, not the direct iframe. share|improve this answer answered May 28 '14 at 21:08 admac231 111 Thanks for that! –SlickRemix Apr 9 '15 at 17:52 add a comment| Your Answer draft saved draft I'm also pretty certain the cause of the gap has something to do with the following:

and the fact

og:url und data-href müssen dieselbe URL verwenden. Your Website Title

© Copyright 2017 All rights reserved.