Content hidden on Facebook site

[CnP.Support]

Good day!

The issue is the height.

Take a look at this code you copied:

[COLOR=#333333]<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class="embed-container"><iframe SRC="[/COLOR][URL="https://connect.clickandpledge.com/w/Organization/picc/Site/WalkFacebook"]https://connect.clickandpledge.com/w...e/WalkFacebook[/URL][COLOR=#333333]" frameborder="0" allowfullscreen></iframe></div>[/COLOR]

There are 2 attributes that you may easily adjust to fit your page's dimensions, namely the width and height.


<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class="embed-container"><iframe SRC="https://connect.clickandpledge.com/w...e/WalkFacebook" frameborder="0" allowfullscreen></iframe></div>

Change the height to: height: 2000px

that is 2000 pixels

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: 2000px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class="embed-container"><iframe SRC="https://connect.clickandpledge.com/w...e/WalkFacebook" frameborder="0" allowfullscreen></iframe></div>

you may do the same with the width.

adjust it as you wish and test it. Depending on how many campaigns you have listed the height will change. Test it let me know if that works.

[elainep]

When I use Thunderpenny to insert the page I built in Publish and Post to our organization’s Facebook page, I only get a small frame with the most important content hidden. Users have to scroll down to see the “Become a Fundraiser” feature or the campaign tab where they can donate. Since most users won’t realize they need to scroll down, this defeats the purpose. On the how-to video, the demo shows being able to simply adjust the height to fix this, but my i-frame code is completely different from the one in the video. Here is my code:

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class="embed-container"><iframe SRC="https://connect.clickandpledge.com/w...e/WalkFacebook" frameborder="0" allowfullscreen></iframe></div>

As you can see, this just embeds the frame as is with most of the content hidden. How can I fix this so that my users can see all the content without having to scroll?