Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #717636

    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)

    #717795

    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

    #717806

    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

    #717933

    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

    #717935

    I shall take it up with the 3rd party…

    Thanks for the time Nikko :-)

    #717938

    Hi!

    You’re welcome Stevo :) Thanks for using Enfold.

    Regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.