Problem with Page Width & Plugin

  • Resolved Brugtown

    (@brugtown)


    8 years, 6 months ago

    Hi,

    This morning I played around with some settings in my Hueman child theme. I switched to excerpts for the featured post and increased the post count on the Home Page. My changes worked just fine except for a peculiar thing.

    I use the Facebook Dev Comments plugin on my posts. After making my changes, I noticed the Facebook Comment Box shrunk down to about mobile size on the desktop. I’ve tried deactivated, deleting, and re-installing but no luck.

    I’m writing here because the Facebook Comments box is set to display at 100% of allowable page width for my site, but something is making it shrink. Is there any way this is related to my theme settings?

    My website is JunkBanter.com. Click any of the posts on the home page and you will see the problem I am having.

    Thank you,
    – Chris

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi Chris. The FB plugin may specify width=100% but the inline styles for the iframe only specify a height, not a width:

    <iframe id="f32dfe60df5f01c" name="f222e3b48b11cc" scrolling="no" title="Facebook Social Plugin" class="fb_ltr" src="https://www.facebook.com/plugins/comments.php?api_key=249643311490&channel_url=http%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2FLJ9CfGDsgQ7.js%3Fversion%3D42%23cb%3Df2d8a0e3dac2158%26domain%3Djunkbanter.com%26origin%3Dhttp%253A%252F%252Fjunkbanter.com%252Ffff1f3097103ec%26relation%3Dparent.parent&href=http%3A%2F%2Fjunkbanter.com%2F2016%2F08%2F11%2Freview-swedish-fish-oreos%2F&locale=en_US&numposts=3&order_by=social&sdk=joey&version=v2.3&width=100%25" style="border: none; overflow: hidden; height: 1243px;"></iframe>

    Based on this topic it appears the computed width of the iframe is then set to 300px:
    https://stackoverflow.com/questions/5871668/default-width-height-of-an-iframe

    Using Google Developer Tools I added an inline style of width:980px and it caused the FB comment block to fill the content width. I’m not sure why that would have changed by only adjusting the excerpts and post count. What happens if you change those options back to their original values?

    Thread Starter Brugtown

    (@brugtown)

    Thanks for the reply. I tried setting them back and it didn’t correct the issue. I didn’t update the FB plugin today or anything. The only other things I did this morning were change my Google Adsense placement options with the Google Adsense plugin, increase the excerpt length word count, and remove some widgets from my toolbar on the right side of the page.

    I didn’t notice the FB comments shrunk until the changes I made to the home page layout, but I agree that should not be tied to it at all.

    It sounds like there is nothing incompatible about your theme; I just thought I’d check. I wasn’t able to locate the support page for that plugin. I may just deactivate it if I can’t find a solution, but I will lose all the comments that have been logged through it.

    Unless you have any additional suggestions, thank you for your help!

    It could be a conflict with another plugin. You’d need to disable all your plugins and see if that fixes it. If it does, enable them one at a time until you find the one causing the issue.

    Maybe this is the plugin page? https://developers.facebook.com/docs/plugins/comments/

    Thread Starter Brugtown

    (@brugtown)

    My mistake I skipped right past it, changing the data value to 980px in the FB plugin settings corrected the issue. Thank you for finding the value for me lol; I was using 100% to ensure it would fit mobile, but I believe it does regardless.

    Thanks again.

    You’re welcome; glad to help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Problem with Page Width & Plugin’ is closed to new replies.