Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 22, 2015 at 9:58 pm #416070
    Synne

    Hi.

    I’m having a whole lot of trouble with inserting a simple Facebook Like Button on my page. It’s a like button for my Facebook Fanpage, thus not just a normal generic like button.

    Evrything looks nice on a laptop, but as soon as it goes iPhone, the responsiveness of the page collapses. First I tried just inserting it, and editing the width, it kinda works but it looks stupid. Then I tried to give it its own color section … that didn’t work either.

    I’d really like for it to be responsive, so that the content on the page continues to display beautifully.

    Hope for some awesome assistance!

    High Five,
    Jesper

    March 22, 2015 at 10:03 pm #416074
    Synne

    P.S. I’d love not to have to give it its own section, cause it really creates limitations in the design

    March 23, 2015 at 8:41 pm #416680
    Elliott

    Hi!

    Try adding this to a codeblock element in your page.

    <style type = "text/css">
#av_section_3 .fb-comments { max-width: 380px; text-align: center; }
.fb-comments iframe { max-width: 380px; }
.fbFeedbackContent .composer { max-width: 300px; }
</style>

    Regards,
    Elliott

    March 24, 2015 at 8:30 am #416931
    Synne

    Hi Elliott,

    Unfortunaly that only works for comments, and not the LIKE button…

    Regards,
    Jesper

    March 24, 2015 at 6:07 pm #417246
    Yigit

    Hi!

    Can you please try using a plugin such as this one – https://wordpress.org/plugins/wp-facebook-like/ or this one – https://wordpress.org/plugins/wp-fb-share-like-button/

    Cheers!
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.