Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #931576

    Hello,

    I just took a look at my blog on my mobile device and the Instagram and YouTube embeds/code blocks are sized incorrectly, and it’s really noticeable! I could use some help.

    Marissa

    #931577
    This reply has been marked as private.
    #931895

    Hi,

    Best regards,
    Victoria

    #931993

    Hi Victoria,

    Can you please tell me what I should have instead to replace the code?

    Marissa

    #932248

    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

    #933037

    Thank you! That worked!

    #933395

    Hi marissaconniff,

    Glad we could help :)

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

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.