iframe not responsive

Hello,
Unfortunately there is little you can do with iframes. If the iframe is not responsive, you cannot change this behavior. You can make the sidebar fall under the content like on mobile phones by using this css:

@media (max-width: 1018px){
.td-pb-row [class*="td-pb-span"] {
padding-right: 0;
padding-left: 0;
}}
@media (max-width: 1018px){
.td-pb-row .td-pb-span1, .td-pb-row .td-pb-span2, .td-pb-row .td-pb-span3, .td-pb-row .td-pb-span4, .td-pb-row .td-pb-span5, .td-pb-row .td-pb-span6, .td-pb-row .td-pb-span7, .td-pb-row .td-pb-span8, .td-pb-row .td-pb-span9, .td-pb-row .td-pb-span10, .td-pb-row .td-pb-span11, .td-pb-row .td-pb-span12 {
float: none;
width: 100%;
}}
@media (max-width: 1018px){
.td-pb-row [class*="td-pb-span"] {
display: block;
min-height: 1px;
}}

But unfortunately your iframe will not take up the rest of the space in order to fit inside the page properly.
In order to align it to center you will need to align the container to the center. In your case it is a

element. You can add an extra class to it from the text editor like so:

iframe

Then you can use the custom class with css like so:
.customclass{
text-align:center
}
I hope this helps

Hello,

The code above was a workaround. But if you have access to the iframe code (and you do), you can edit it and remove the fixed width. This is what causes the responsiveness to be broken.
Simply change the width from 640 to 100% and that should do it.

<iframe src = "http://player.streamshow.it/embed/esperiatv.php?height=360&width=100%" width = "100%" height = "362" frameborder = "0" = marginwidth "0 "marginheight =" 0 "scrolling =" no "seamless =" "allowfullscreen =" allowfullscreen "</iframe>

Thank you!