Published on Apr 3, 2020Responsive iframes in OxygenSridhar Katakam This members-only tutorial provides the steps to make iframes placed in Code Block components in Oxygen responsive. Before: Desktop Mobile After: Desktop Mobile Step 1 In the Oxygen editor add a Code Block inside a Section. Add/assign a class called say, iframe-container to the Code Block. Paste your desired iframe code. Ex.: <iframe src="https://oxygenbuilder.com/" style="border:0px #ffffff none;" name="myiFrame" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="600px" allowfullscreen></iframe> Step 2 Create a new Stylesheet at Manage > Stylesheets and add this code: This is a premium members-only content. To view the rest of the content, please sign up for membership ($47/month or $599 one-time). Already a member? Log in below or here. Username Password Remember Me Forgot Password