Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #24076

    When scrolling on a post or category archive, if there is a youtube video on the page, it scrolls on top of the main header menu. The titles and text stay below the header, but the video itself goes on top. How do I change this to keep all of the content below the header?

    #122226

    Hi,

    Can you give us a link to your website? Please add this on your custom.css

    .archive iframe {
    position: relative !important;
    }

    Regards,

    Ismael

    #122227

    Hello,

    Unfortunately this did not fix the issue. You can see this at:

    http://74.124.215.73/~tedsprin/category/video/

    Just scroll down the page and you will see the iframe are still on top of the menu.

    #122228

    Hi,

    I don’t see the video on top of the menu, what I did notice is the big gap at the beginning of the posts. Also, the duplicated videos.

    Can you give us a screenshot of what you see on your end?

    Regards,

    Ismael

    #122229

    It happens when you scroll down the page, the videos end up on top of the menu, but the excerpt text is properly placed below the menu.

    See: http://74.124.215.73/~tedsprin/screen1.png

    This shows how the video is on top of the menu when scrolling down the page. This happens in Firefox and IE.

    Also See: http://74.124.215.73/~tedsprin/screen2.png

    This shows how the excerpt text is correctly below the menu when you scroll just past the video.

    (The duplicate videos were just tests.)

    #122230

    Hi imagnmedia,

    I see it happening in FF though I’m not sure what the root of it is as the z-index settings should have it under the content (as it is in webkit browsers).

    I’ll have to tag Kriesi on the topic so that he can dig into it a bit and see if a fix can be found for IE and FF.

    Regards,

    Devin

    #122231

    Any progress on this problem?

    #122232

    Hi imagnmedia,

    It typically takes Kriesi a bit of time to respond to topics in between normal bug fixes and everything else. When is able, he’ll respond here directly.

    Regards,

    Devin

    #122233

    Hi!

    If you’re using wordpress embeds you can try this fix: http://www.wpbeginner.com/wp-tutorials/how-to-prevent-youtube-oembed-from-overriding-your-wordpress-content/ – add it to the bottom of functions.php.

    Regards,

    Peter

    #122234

    Hi,

    I tried the method you suggested, adding that code to functions.php, and its causing more problems:

    On the archives:

    The videos that added via the theme shortcode are completely missing from the archive/category list, just a blank space is shown.

    The videos that are added via youtube iframe code are present, but still on top of the menu.

    On the individual post itself:

    The videos that added via the theme shortcode are present, and show up under the menu when scrolling (this is perfect)

    The videos that are added via youtube iframe code are present, but still on top of the menu.

    To sum up, if I use the shortcode, the videos are missing from the archives, but present in the post. If I use the iframe embed code, then the videos are shown in both the archives and the posts, but remain on top of the menu.

    Any other solutions?

    #122235

    Hey!

    Unfortunately I have problems reproducing the issue on my firefox on mac, which means a solution wont make it into the update tomorrow. Just wanted to ley you know that I am looking into it :)

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘stop videos from overlapping header’ is closed to new replies.