Jump to content
center1

Video & Fixed Navigation Dropdown and Display Issues

Recommended Posts

center1    0
center1

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.

Share this post


Link to post
Share on other sites
catrina    103
catrina

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


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
center1    0
center1

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.

Share this post


Link to post
Share on other sites
center1    0
center1

Hi:

I tried the code below

img

{

position:absolute;

left:0px;

top:0px;

z-index:-1;

}

Share this post


Link to post
Share on other sites
center1    0
center1

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

Share this post


Link to post
Share on other sites
mackenzie    12
mackenzie

The topic was marked as resolved.


Mackenzie - PageLines Help Desk

The Centsible Family - Writer, Photographer and Coffee Addict

---------------------------------------------------

Kindly search this forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • pehja
      By pehja+
      https://pehjaproduction.se/webbdesign/  Video is not showing up in Journey section. Why? I have entered this in the settings 
       
    • dougalperman
      By dougalperman+
      Hi there,
      I'm a big fan of Pagelines, and have been for years.
      I'm trying to control the size of video embeds and having some difficulty. I see that I can just paste the Vimeo video URL into the post and an embed widget will automatically appear, which is great. But the embed box created is much taller that the video (689 x 1000 pixels) so the content sits in the middle of a tall black box, which looks awkward.
      I tried using the full iFrame embed code from Vimeo, which solved the disproportionate embed frame size (or aspect ratio) issue, but despite specifying the dimensions I want (690 x 388), the videos displayed on the post are sized at 300 x 150 pixels.
      I can't work out how to change either.
      I'm using the latest version of Pagelines Framework (Pro) with the Agency them.
      Any help or advice very much appreciated.
      Thanks,
      Dougal
    • crose
      By crose+
      Hi,
      I am using the Canvas Area section at the top of my site. I have a video playing in the background, which works really well on desktop. But on mobile video doesn't play without user interaction, so I have a static image in place as an alternate image. However when viewed on a mobile device there is now a play button over the static image that does nothing. This didn't use to happen so I imaging it is due to an upgrade. But this is really bad UX. Is there a way to remove it?
      Here is the site:
      http://gator4088.hostgator.com/~asif/
      Thanks in advance.
      Chuck
    • Matt C.
      By Matt C.+
      Hi,
      So I used to use the Video Background extension that was offered here on pagelines, but until recently it continued to function.  Yesterday however it ceased to work and since it has been removed and no longer supported I've been forced to find a new way to show the youtube video that used to be on my background.
      I know that there is the option to upload videos for background, needing both an mp4 and ogv version.  However, since this is a youtube video I don't have any source files to upload.
      I have since turned to using the mb.YTPlayer wordpress plugin.  It seems to be working just fine on its part, as you can see a sliver of it playing just below my footer.  My issue though it that it doesn't show up behind my main body content.  Now it was my understanding that the backgrounds were defaulted to transparent in DMS2 and that this shouldn't be happening.  I've tried several CSS transparency codes to no avail, so my question is how am I able to get the video that is showing up right beneath the footer in other areas?  Either on a section by section basis or for the entire body?
      http://udforu.com
      Thanks!
    • clj182
      By clj182+
      Hello,
      I'm having trouble getting my Powerloop layout the way that I want...
      I'd like to have the same layout as the question below but instead of an image I'm using video.
      I have my media shortcode above everything but the title is still above it in my page and when I inspect it.
      My settings:
      [powerloop_media]  
      [powerloop_title class="plHtxt" align="center"] 
      [powerloop_content class="plHContent" align="left"]
      [powerloop_author class="plHauthor" align="left"] | [powerloop_date format="F j, Y"]
      Another problem I am having is that I cant create space between the video and the content..If i add padding or an margin to my content class it adds that spacing to the video as well.
      Any ideas on how I can fix this?


×