Tweet
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?
<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?
Comment