Viewing 1 post (of 1 total)
You must be logged in to reply to this topic.
Hi
I’m using a text area field with html to allow a Google Map to be shown. I copied the iFrame code to embed it and works perfectly on desktop.
However, It doesn’t display on Mobile. I understand this is normal. I have tried many ways to get around this by putting the iframe inside a div tag and using suggested css like this:
/* Responsive iFrame */
.responsive-iframe-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
This still doesn’t seem to work.
Has anyone got any suggestions as to how to get this working?? I also need to embed videos – so I guess I have the same problem.
Thanks.
You must be logged in to reply to this topic.