Iframe responsive columns overlapping before breakpoint

  • giantpixels

    (@giantpixels)


    2 years ago

    I have some HTML5 banner ads that I made and I want to show them in wordpress so i put them in an iframe. The issue is when I start to shrink the browser towards the mobile size horizontally they overlap each other instead of breaking to the next line responsively. I have youtube videos that act correctly below them.It seems like a padding issue but when I add padding or change the column gap from “no gap” to “default or anything it just crops the iframe.

    Thanks for any help.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • threadi

    (@threadi)

    I cannot reproduce what you are describing. Also, I only see videos from Youtube on the page – no iframes of my own that I would call “banners”. On mobile there are no shifts – everything is one below the other. Have you already solved this?

    Thread Starter giantpixels

    (@giantpixels)

    Thanks for the reply
    I’m not sure if I can post a screen shot here but I took one and put it up on the server here is the link.

    https://giantpixels.studio/assets/iframe.jpg

    As you can see from the screenshot the 3 iframes where I have placed the html5 banner ads at the top above the youtube vidoes overlap each other when you make the browser smaller.

    they should look like this below. then when they are about to touch each other breakpoint to the next line.

    https://giantpixels.studio/assets/iframe2.jpg

    threadi

    (@threadi)

    I do not see these 3 iframes. They have no height at all for me. But I see that you use Elementor for the design of the website. So I would recommend you to contact their support forum: https://www.ads-software.com/support/plugin/elementor/

    Thread Starter giantpixels

    (@giantpixels)

    Thanks

    If you can’t even see the banners that’s an even bigger issue. I see it in chrome, firefox, and brave I’m going to assume you have some kind of ad blocker that are blocking these.

    threadi

    (@threadi)

    True, my AdBlockPlus has hidden the iframes. Now I see what you mean, however I would still recommend you to clarify this in the Elementor support forum.

    Thread Starter giantpixels

    (@giantpixels)

    Sounds like a good idea thanks for your help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Iframe responsive columns overlapping before breakpoint’ is closed to new replies.