YouTube/Vimeo embeds breaking layout

I'm struggling with the standard WordPress video embed code (ie. just copying the URL into place or wrapping in [embed][/embed]). As the screen width reduces the text below the video gets lost behind the video.

I found this post – https://premium.wpmudev.org/forums/topic/youtube-video-not-being-contained-by-element-and-breaking-mobile-view – and tried implementing these bits but no joy.

Any one got any ideas?

http://markmeynell.net.s218979.gridserver.com/2015/10/01/q-marks-the-spot-treasure-map-85-october-2015/

(This is an old site I'm working on resurrecting)

  • Nastia
    • Support Rock Star

    Hello Jon , hope you are doing well!

    Please try this CSS code to fix the embed videos position:

    iframe {
        position:relative !important;
    }

    Add it to your theme CSS Editor. If you don't have a CSS editor, please try the Simple Custom CSS plugin.

    Please note, The !important rule overrides that particular property. So in the future, if you will require modifying this property again, you must edit the code above.

    Let me know if you need any further assistance!

    Cheers,
    Nastia

  • Jon
    • The Incredible Code Injector

    Thanks, that almost solved it but then there was a padding-top:56.25%; style applied to the wrapper element. I've overridden that with more CSS and it seems to be working. This seems like an odd thing seeing as I'm just using the WordPress default embed stuff. I guess it could be something in my theme or a plugin that's causing the issue?

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.