-
Posts
-
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?
Hi,
Can you give us a link to your website? Please add this on your custom.css
.archive iframe {
position: relative !important;
}Regards,
Ismael
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.
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
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.)
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
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
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
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?
- The topic ‘stop videos from overlapping header’ is closed to new replies.