Close

Account

Documentation

Forum

Menu

Gap below iFrame

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

    Hi,
    I managed to enter a canvas/javascript animation with an iframe Element into my website, startpage.
    See: iconlab.de
    It is linked from http://iconlab.de/wp-content/uploads/animatewp/animate7.html

    But below the animation, and before the text explanation below, I see a huge gap in smartphone view, or with minimum browser width.
    See: http://iconlab.de/gap.jpg

    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: 9416
    Adek
    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
    thbode
    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 6 months, 4 weeks ago by  thbode.
    Post count: 9416
    Adek
    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.