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 Ramon
Hey José Ramón,
Could you please attach some screenshots of the issue?
Best regards,
Victoria
Hi Victoria:
In private section you hace a video.
Best Regards,
Jose Ramon
Hi 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,
Victoria
Hi 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 Ramon
Hi 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,
Victoria
Thank you Victoria.