Iframe not responsive
-
Topic
-
I have a page with an iframe calling in info. I have the width set to 100% in the iframe coding. When I view it on my phone the iframe doesn’t shrink down. It adds sliders but would prefer it to resize.
This is the page with the iframe – http://www.millelacsresort.com/accom/booknow.htm
I also tried adding this custom css but that didn’t work either, reduces down but adds scroll bars which I don’t want.
.embed-container {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}I would also like the full frame to display height wise, no scroll bar at all.
Thanks!
- The forum ‘Akita Responsive WordPress Theme’ is closed to new topics and replies.