XF 1.3 iFrame not responsive/cutting off content

[Ren3gade10]

How can I go about making an iFrame in my Xenforo site responsive.. so it doesn't cut off content halfway through the page?

iFrame: http://joinsng.com/pages/mcstore/
full page: http://sngcraft.joinsng.com/

How can I fix this?

 

[Paul B]

Assign a class to the iframe and then use standard media queries to change the width.
For example:

<style type="text/css">
.MyIframe {
width: 800px;
}

<xen:if is="@enableResponsive">
    @media (max-width:910px) {
        .MyIframe {
        width: 600px;
        }
    }
</xen:if>
</style>

 

[Ren3gade10]

Assign a class to the iframe and then use standard media queries to change the width.
For example:

<style type="text/css">
.MyIframe {
width: 800px;
}

<xen:if is="@enableResponsive">
    @media (max-width:910px) {
        .MyIframe {
        width: 600px;
        }
    }
</xen:if>
</style>

What exactly do you mean? Sorry, I've never dealt with classes.