Hi there,
I have a small issue with external iframe code (that I was provided with) content busting out of the content box when viewed on a mobile setup.
I’ve tried various iframe modifications in the small piece of code I was given, but can’t seem to get it to work.
I’m using a code block, within a 3/5 column width.
Do you have an easy solution for this problem possibly please?
Many thanks, as always,
Stevo :-)
(code and site added in private)
Hey Stevo,
It’s hard to fix that since we can’t control the css rendered inside the iframe, I think the best way is make the iframe’s container a bit wider, try adding this code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) {
#top.page-id-54 .flex_column_div.avia-builder-el-14 {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
Hope this helps.
Best regards,
Nikko
Hi Nikko – appreciate your response, but unfurtunately this didn’t do anything.
Any other thoughts, or can I suggest anything to the code originators…?
Thanks again :-)
Stevo
Hi Steve,
It should be a bit wider, but still the button would still be cut, if you have control over the site appearing inside the iframe then we can really do something about it, like breaking the words when it’s on mobile. If we don’t then I don’t think I can help you further in it :(
Best regards,
Nikko
I shall take it up with the 3rd party…
Thanks for the time Nikko :-)
Hi!
You’re welcome Stevo :) Thanks for using Enfold.
Regards,
Nikko