harshitasingh25
Forum Replies Created
-
Thank you so much for the amazing review, @woods000 🙌
We’re really glad the plugin is working well for you and that we could help with your setup. Your kind words truly mean a lot to us.
If you ever need anything, we’re always here.
Hi @wai4043
Just checking in. We haven’t heard back from you in a while, so we’re hoping everything’s working fine now.
We’ll go ahead and close this thread for the time being. But if anything comes up or you need help again, feel free to start a new conversation. We’re always happy to help!
Warm regards.
Hello @wai4043
Sorry for the delay in our response.We checked your link on our side and can confirm that the auto-height feature is working correctly.
Just to clarify how it works: auto-height reads the scroll height of the page inside the iframe and adjusts the iframe to match. In this case, the content inside your iframe has a scroll height of about 150px, so the iframe is automatically resizing to that same height.
If you have more questions or need help adjusting the layout, just let us know. We’re here for you!
Best Regards.
Hi Rayan,
Thanks for sharing the video, it was super helpful.
From what we can see, the 100 percent height is actually working as expected. Your main container is set to 100vh, so the iframe is just filling that space since its height is set to 100 percent. If you want the iframe to be taller, you can increase the container height using the custom CSS I shared earlier.
About matching the iframe height to the external page:
If your goal is for the iframe to adjust automatically based on the height of the external page, you’ll need to use Auto Height.
The catch is that Auto Height only works if the embedded site allows it. For cross-domain iframes, the external site must send headers like:
Access-Control-Allow-Origin: *
or something similar.
If the site does not allow this, the browser blocks height detection for security reasons.
If you want, share the URL you’re embedding and we can quickly check its headers to confirm whether Auto Height will work.
Let me know and I’ll take a look.
Best Regards.Hello @wai4043
Sorry for the delay in our response.Quick update: we checked your issue and were able to replicate it on our side as well. The good news is that our dev team has already fixed the bug, and the update will be included in the next Custom iFrame release.
If you don’t want to wait, you can get it working right now by following the steps in this video:
https://www.loom.com/share/02b2b4a848b24479925bcef7a1f3006bHere’s the CSS you’ll need to add to your theme or a code snippet plugin:
.custif-iframe-wrapper {
height: 100vh;
max-height: 100vh;
}Just follow the video, add the CSS, and everything should work fine.
If it still doesn’t, let me know and I’ll guide you further.Kind Regards.