When using fixed navigation (which I love) videos display over top the fixed navigation whena page is scrolled downwards.
Perhaps more importantly the navigation dropdowns dipslay Behind the videos so the dropdowns are not visable. The dropdown goes behind the video.
This is happening on this site. Here is a home page example
Here is an eample within a site - half way down the page
Would greatly appreciate help with a resolution to this as I am committed to using the fixed navigation on this site. And need to present the work in progress on Monday.
Video & Fixed Navigation Dropdown and Display Issues
Started by
center1
, Oct 12 2012 03:48 PM
video fixed navigation dropdowns
7 replies to this topic
#1
Posted 12 October 2012 - 03:48 PM
#2
Posted 12 October 2012 - 03:54 PM
It could be a z-index issue, which can be adjusted by using this property in custom CSS:
If you are not familiar with using Custom CSS, please see this documentation:
If you are not familiar with using Custom CSS, please see this documentation:
#3
Posted 12 October 2012 - 06:50 PM
Thanks for the suggestion.
i tried adding a code to the custom editor but it didn't work. I an no coder but tried anyway.
Video and youtube clips should be able to work with the page lines navigation. To me it appears as if there is a bug with pagelines fixed navigation?
Any help would be greatly appreciated.
i tried adding a code to the custom editor but it didn't work. I an no coder but tried anyway.
Video and youtube clips should be able to work with the page lines navigation. To me it appears as if there is a bug with pagelines fixed navigation?
Any help would be greatly appreciated.
#4
Posted 12 October 2012 - 06:58 PM
What CSS code did you use?
#5
Posted 13 October 2012 - 02:14 PM
Hi:
I tried the code below
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
I tried the code below
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
#6
Posted 13 October 2012 - 06:44 PM
Hi, actually, this isn't a z-index issue at all.
Please see:
It's a wmode issue with youtube.
What code did you use to embed the video? Their shortcode or old embed code?
Please see:
It's a wmode issue with youtube.
What code did you use to embed the video? Their shortcode or old embed code?
#7
Posted 15 October 2012 - 07:47 PM
@One Smart Egg:
Solution found - Thank you!!!!
For those who would like to resolve the issue - simply add the following at the end of you Youtube URL
?wmode=opaque
works in both IE and firefox
Thanks again for everyone's help!!!!
Solution found - Thank you!!!!
For those who would like to resolve the issue - simply add the following at the end of you Youtube URL
?wmode=opaque
works in both IE and firefox
Thanks again for everyone's help!!!!
#8
Posted 15 October 2012 - 10:45 PM
The topic was marked as resolved.











