Mobile + Instagram/Youtube Embed

Hi,

Best regards,
Victoria

Hi Marissa,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 450px) {
  .avia_codeblock iframe.instagram-media.instagram-media-rendered, 
  .avia_codeblock_section.avia_code_block_2 .avia_codeblock iframe {
    height: 100% !important;
    min-height: 535px !important;
  }
   .avia_codeblock iframe#instagram-embed-2.instagram-media.instagram-media-rendered {
    height: 100% !important;
    min-height: 750px !important;
  }
}

@media only screen and (min-width: 451px) and (max-width: 767px) {
  .avia_codeblock iframe.instagram-media.instagram-media-rendered  {
    height: 100% !important;
    min-height: 717px !important;
  }
   .avia_codeblock iframe#instagram-embed-2.instagram-media.instagram-media-rendered {
    height: 100% !important;
    min-height: 1050px !important;
  }
 
  .avia_codeblock_section.avia_code_block_2 .avia_codeblock iframe {
     height: 100% !important;
     min-height: 535px !important;
     width: 90vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .avia_codeblock iframe.instagram-media.instagram-media-rendered  {
    height: 100% !important;
    min-height: 688px !important;
  }
   .avia_codeblock iframe#instagram-embed-2.instagram-media.instagram-media-rendered {
    height: 100% !important;
    min-height: 940px !important;
  }
 
  .avia_codeblock_section.avia_code_block_2 .avia_codeblock iframe {
     height: 100% !important;
     min-height: 300px !important;
     width: 90vw;
  }
  .avia_codeblock iframe#instagram-embed-3.instagram-media.instagram-media-rendered {
    height: 100% !important;
    min-height: 760px !important;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi marissaconniff,

Glad we could help :)

If you need further assistance please let us know.
Best regards,
Victoria