Viewing 7 posts - 1 through 7 (of 7 total)
-
AuthorPosts
-
March 22, 2018 at 7:26 pm #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
March 22, 2018 at 7:28 pm #931577This reply has been marked as private.March 23, 2018 at 10:57 am #931895Hi,
Best regards,
VictoriaMarch 23, 2018 at 3:17 pm #931993Hi Victoria,
Can you please tell me what I should have instead to replace the code?
Marissa
March 24, 2018 at 8:40 am #932248Hi 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,
VictoriaMarch 26, 2018 at 3:15 pm #933037Thank you! That worked!
March 27, 2018 at 6:10 am #933395Hi marissaconniff,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
Viewing 7 posts - 1 through 7 (of 7 total)
- You must be logged in to reply to this topic.