Jump to content


Photo
- - - - -
Resolved

Video & Fixed Navigation Dropdown and Display Issues

video fixed navigation dropdowns

This topic has been archived. This means that you cannot reply to this topic.
7 replies to this topic

#1 center1

center1

    Newbie

  • Members
  • 4 posts

Posted 12 October 2012 - 03:48 PM

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

Please Login or Register to see this Hidden Content



Here is an eample within a site - half way down the page

Please Login or Register to see this Hidden Content



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.

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts

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:

Please Login or Register to see this Hidden Content



If you are not familiar with using Custom CSS, please see this documentation:

Please Login or Register to see this Hidden Content



#3 center1

center1

    Newbie

  • Members
  • 4 posts

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.

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 12 October 2012 - 06:58 PM

What CSS code did you use?

#5 center1

center1

    Newbie

  • Members
  • 4 posts

Posted 13 October 2012 - 02:14 PM

Hi:

I tried the code below

img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}

#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 13 October 2012 - 06:44 PM

Hi, actually, this isn't a z-index issue at all.

Please see:

Please Login or Register to see this Hidden Content



It's a wmode issue with youtube.

What code did you use to embed the video? Their shortcode or old embed code?

#7 center1

center1

    Newbie

  • Members
  • 4 posts

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!!!!

#8 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts

Posted 15 October 2012 - 10:45 PM

The topic was marked as resolved.