frameids

@tuanphan, I did use code block but I can’t get the height of my iframe to be dynamic and change the height depending on the content of the iframe. Any idea what code I could use to achieve a dynamic height for my iframe?

I entered my content into the embed block with some CSS to style iframe. However, with different products that have varied content, the height of the content will vary as well as depending where the content is viewed (desktop, tablet, mobile, etc). 

Here's the site:

https://www.frameidstudio.com/packages/design-consultation-iframe-code

Here's what I entered in my embed block in the code:

<div id="package-products-content">
<iframe src="https://www.frameidstudio.com/design-consultation-content" scrolling="no" allowFullScreen></iframe>
</div>

Here's what I wrote for CSS to change the style of the iFrame:

//IFRAME STYLE

#package-products-content {
    position: relative !important;
      width: 100% !important;
    overflow: hidden !important;
}

#package-products-content iframe {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
      border: none !important;
  }

//IFRAME HEIGHT DESKTOP
#package-products-content {
  @media all and (min-width:1250px) and (max-width: 2100px){
    height: 345vh !important;
  }
}

//IFRAME HEIGHT TABLET
#package-products-content{
  @media all and (min-width:701px) and (max-width: 1249px){
    height: 340vh !important;
  }
}

//IFRAME HEIGHT MOBILE
#package-products-content{
  @media all and (min-width:300px) and (max-width: 700px){
    height: 550vh !important;
  }
}

@tuanphan - I would love to achieve a dynamic height for the iFrames depending on content, and device screen size. Any input would be greatly appreciated.

Would it be possible to create a page that is then embeded into the additional info section with an embed block? @tuanphan - do you have any input in this? I have tried this but I'm unable to embed one of my pages into the additional info section using my url when creating the embed block. I get null back.

https://www.frameidstudio.com/packages/design-consultation

@tuanphan - you always have the right answer. I'm always amazed at how your answer is always what I'm looking for. Maybe this is not true for everyone, but if I'm in a forum's question and you have commented on it I don't even bother looking at anyone else's comments. Thanks @tuanphan!