This members-only tutorial provides the steps to make iframes placed in Code Block components in Oxygen responsive.
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.
<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>
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 $399 one-time).
Already a member? Log in below or here.
Enter your email address to subscribe to this blog and receive notifications of new tutorials by email.
Join 489 other subscribers
Please log in again.
The login page will open in a new tab. After logging in you can close it and return to this page.