Resolved Video & Fixed Navigation Dropdown and Display Issues

[center1 0]

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

http://lcotestsite.com/home-version-2/

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

http://lcotestsite.c...tional-cooking/

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.

[catrina 103]

It could be a z-index issue, which can be adjusted by using this property in custom CSS: http://www.w3schools.com/cssref/pr_pos_z-index.asp

If you are not familiar with using Custom CSS, please see this documentation: http://www.pagelines.com/wiki/Custom_CSS

[center1 0]

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.

[catrina 103]

What CSS code did you use?

[center1 0]

Hi:

I tried the code below

img

{

position:absolute;

left:0px;

top:0px;

z-index:-1;

}

[Rob 547]

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

Please see: http://stackoverflow.com/questions/4050999/youtube-iframe-wmode-issue

It's a wmode issue with youtube.

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

[center1 0]

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

[mackenzie 12]

The topic was marked as resolved.