Facebook like button – Comment box shows up partially only

  • The comment box which opens when the Facebook like button is pressed doesn’t show up the way it should in my site.

    I have tried plenty of social plugins and the same problem occurs with all of them.

    The comment box is cropped always to the right end of facebook buttons:
    _________ __________ ________ _________
    Facebook | Facebook | Google | Twitter |
    Like | Share | Plus | |
    _________|__________|________|_________|
    ____________________ _ _ _ _ _ _ _ _ _ _ _ _ _
    Facebook like button ——————————–|
    comment box ———————————|
    shows up here ———————————-|
    ____________________ _ _ _ _ _ _ _ _ _ _ _ _ _|

    Hidden area of the box marked with ——————–|

    At the moment I have Social Ring as my Like plugin. In Social ring the Facebook buttons are the last two buttons on the right. However, I drew that picture with Facebook buttons in the left side because it shows better how the comment box is cropped always after the Facebook buttons (Not always in the right end of the button row).

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you post a screenshot of the problem?
    I’m using Chrome 21.0 on Windows and cannot see what you mean.

    Thread Starter wpmies

    (@wpmies)

    Yes, of course. I have put the picture now into a page

    Thread Starter wpmies

    (@wpmies)

    That screenshot was taken with Chrome 21. But the problem is the same with IE and Mozilla.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Okay I’ve found the culprit CSS style.
    It’s on line 968 style.css;

    embed, iframe, object {
 max-width: 100%;
}

    Thread Starter wpmies

    (@wpmies)

    Thanks. I commented that out in style.css of parent theme. No succes. Then I tried that code also with different max-width values (150-300%) in my child style.css. But still no succes. Comment box is still cropped.

    Thread Starter wpmies

    (@wpmies)

    Actually you got the right point. Now it works. But after many clicks only. First it is cropped. But if I click the like off and then like on few times then it works sometimes.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    No succes.

    https://awesomescreenshot.com/09fe6d742
    Showing it has worked partially.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I don’t know how to stop the further cut-off, but you could try reducing the width as a substitute;

    .pluginLikeFlyoutFull {
 width: auto;
}

    Thread Starter wpmies

    (@wpmies)

    Yes it is wider than before. And when I remove the like and like again, then the box is full-sized. This happens with chrome and IE as well.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Facebook like button – Comment box shows up partially only’ is closed to new replies.