G’day gregory_wilcox
Great site!
The issues are because your site is responsive (adjusts its display for different screen sizes). This is a good thing(!) but the Facebook Like box and the Google Adsense ad are in iFrames and don’t know about the width of your sidebar, which changes, depending on the size of the user’s screen.
On desktop, your sidebar is only 243px (or at its max, 263px) wide.
The Facebook Like box supports a minimum width of 292px. Because it’s being forced to be too narrow, it’s wrapping the contents, and pushing out the height. See https://developers.facebook.com/docs/plugins/like-box-for-pages
Have you selected the responsive-type ad unit in Adsense? You may need to select a smaller ad unit. Find out more here https://support.google.com/adsense/answer/3213689?hl=en
I know it’s not a fix, but it should get you on your way!
Thanks andrewcrook! We’ll give the responsive-type ad a go.
The responsive ad works great! It is now displaying with no cut-off on all devices.
We are still trying to figure out how to handle the FB like box cut-off. It’s not severe, but cosmetically speaking I do want to fix it.
Well done, gregory_wilcox!
Unfortunately, Facebook sets the format for that box and, as I mentioned above, only supports a minimum width of 292px.
Please post back here if you find a solution.
