Gap below iFrame

  • Post count: 17
    December 16, 2017 at 9:51 pm #26663

    I managed to enter a canvas/javascript animation with an iframe Element into my website, startpage.
    It is linked from

    But below the animation, and before the text explanation below, I see a huge gap in smartphone view, or with minimum browser width.

    Between the animation and the text below is no margin set in VC, since both are part of ONE “line”.

    How to reduce this gap?

    (The iFrame element in VC asks for a height value and is set to 400.
    The “real” height of the canvas ist 360 )

    Post count: 10705
    December 18, 2017 at 10:48 am #26687

    Hi thbode,

    Please try to add this CSS code below into Jkreativ Dasboard > Additional Style :

    Then clear your browser cache.

    Thank you

    Post count: 17
    December 18, 2017 at 2:54 pm #26692

    Thank you for support with code.
    I tried, but it seems not to work yet. Actually it is worse, since the width suddenly jumps down to very small, when pulling the browser window. Therefore I removed the css code after trying.

    See chrome

    (The first line CSS is red?!)

    • This reply was modified 10 months ago by  thbode.
    Post count: 10705
    December 19, 2017 at 2:04 pm #26714

    Hi thbode,

    Please try to use this code below :

    No need to worry about the red line. In this case, this code only works when the screen size below that 450px (width).

    Thank you

You must be logged in to reply to this topic.