-
AuthorPosts
-
June 10, 2018 at 5:34 pm #970806
Hi:
As you can see in the URL I detail in the private section, I have incorporated a Google presentation and it is displayed correctly. What happens is that if I change the size of the window, the iframe does not adjust and black bands come out.
Is there any way that the size of the iframe changes with the size of the window, as if it were responsive?Thanks in advance,
Jose RamonJune 11, 2018 at 1:32 pm #971162Hey José Ramón,
Could you please attach some screenshots of the issue?
Best regards,
VictoriaJune 11, 2018 at 2:39 pm #971205Hi Victoria:
In private section you hace a video.Best Regards,
Jose RamonJune 13, 2018 at 9:02 am #972116Hi jgarciamel,
Thank you.
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 (min-width:990px){ .avia_codeblock_section.avia_code_block_0 iframe { min-height: 400px; } } .avia_codeblock_section.avia_code_block_0 iframe { height: auto !important; min-height: 630px; } @media only screen and (max-width:767px){ .avia_codeblock_section.avia_code_block_0 iframe { min-height: 270px; } }If these heights are not perfect for you, you can experiment with the numbers.
If you need further assistance please let us know.
Best regards,
VictoriaJune 13, 2018 at 6:12 pm #972427Hi Victoria:
Thank you for your response, I tried different numbers and really changed the black stripes, but not totally. I’m not sure it’s possible.
Thank you.
Jose RamonJune 14, 2018 at 4:19 pm #972876Hi jgarciamel,
Well, you can have the numbers correct for most screen sizes, but not for every single one. As long as it is not too much, it should work.
If you need further assistance please let us know.
Best regards,
VictoriaJune 14, 2018 at 6:39 pm #972959Thank you Victoria.
June 15, 2018 at 8:34 am #973149 -
AuthorPosts
- You must be logged in to reply to this topic.
