drop down falls behind ‘featured posts’ element on homepage

[wildbug]

On my site (http://danceinthefire.com) the third parent ("my PT") drops down BEHIND the "featured posts" element. Can you help me bring the drop down to the front of the screen?

Also, I’m trying to match the nav at http://planetthrive.ning.com. I need a little bit of padding to the left of "PT community" but if I put a margin or padding, the nav shifts to the right so the green bar falls out into the brown background color. Anyway to do this?

Thanks for your help! Julie

[imported_Ryan]

The YouTube video problem is caused by the Flash video not being set to transparent. The problem with the big box in the middle is caused by a z-index issue. Try adding a higher z-index value to the dropdown to make it appear on top.

[wildbug]

On my screen the YouTube video is behind the drop down. Is it not on your screen – what browser?? Do you know where I would need to adjust to "transparent"? I’m not a programmer so this is not familiar to me.

Thanks for the z-index tip, I figured out where to put it and it is working now. Yay!!

[imported_Ryan]

The video is displaying behind the menu in Google Chrome and presumably other webkit browsers such as Safari and Konquerer.

Here’s something I posted elsewhere about the Flash issue:
[quote:12cdgru8]
You need to add this between your OBJECT tags:
[code:12cdgru8]<param name="wmode" value="transparent">[/code:12cdgru8]

And this in an EMBED tag
[code:12cdgru8]wmode="transparent"[/code:12cdgru8]

So your code should look something like this:
[code:12cdgru8]
<object>
  <param value="blabla.swf" / >
  <param name="wmode" value="transparent" / >
  <embed src="transparency.swf" wmode="transparent" type="application/x-shockwave-flash">
  </embed>
</object>[/code:12cdgru8]

[/quote:12cdgru8]

[wildbug]

Thanks that is very helpful but I still have two issues:

1) if the video is displaying properly (behind the menu drop down) then why do I need to make any modifications at all?

2) if I do, then where do I make the change? I can’t find the embed code on my site. I checked the main index template, the settings.php and the themefunctions.php and don’t see it anywhere. Not sure where else to look. Again, I’m not a programmer so more info would be helpful.

Thank you so much!!!!

[imported_Ryan]

[quote:17cv7b7g]1) if the video is displaying properly (behind the menu drop down) then why do I need to make any modifications at all? [/quote:17cv7b7g]

Well it certainly isn’t under the dropdown on my machine in Chrome.

[quote:17cv7b7g]2) if I do, then where do I make the change? I can’t find the embed code on my site. I checked the main index template, the settings.php and the themefunctions.php and don’t see it anywhere. Not sure where else to look. Again, I’m not a programmer so more info would be helpful.[/quote:17cv7b7g]

No idea whatsoever. It is impossible to tell from here. If you had to manually enter the embed code, then at the point is when you should perform the changes.

[wildbug]

Okay, then I guess your earlier response ("The video is displaying behind the menu in Google Chrome and presumably other webkit browsers such as Safari and Konquerer.") was a typo….

The theme developer put the youtube video on the theme settings page so all I have to input is the video ID; not the entire embed code. I guess I will just have to keep searching in every possible document in the theme to find where he put it (he dropped out of sight months ago and doesn’t answer support questions on the theme page anymore!).

Thanks for your help!! I really appreciate it.

[wildbug]

I found the code in a javascript.php. I changed it to the best of my ability but I have no way of knowing if it worked since it’s always looked fine on my browser. Can you tell me if the youtube video on the upper left of the page is now falling BEHIND the drop down menu? Thanks so much!

If it’s not working, maybe you can catch my mistake below. This is what the code in my php script looked like originally:

/** begin youtube video **/
var videoEmbedd = "<object width=""+videoWidth+"" height=""+videoHeight+""><param name="movie" value="http://www.youtube.com/v/"+youtubeID+"&amp;hl=en&amp;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/"+youtubeID+"&amp;hl=en&amp;fs=1&quot; type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width=""+videoWidth+"" height=""+videoHeight+""></embed></object>";
jQuery(‘#youtube’).html(videoEmbedd);
/** end youtube video **/

This is what I changed it to:

/** begin youtube video **/
var videoEmbedd = "<object width=""+videoWidth+"" height=""+videoHeight+""><param name="movie" value="http://www.youtube.com/v/"+youtubeID+"&amp;hl=en&amp;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/"+youtubeID+"&amp;hl=en&amp;fs=1&quot; wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width=""+videoWidth+"" height=""+videoHeight+""></embed></object>";
jQuery(‘#youtube’).html(videoEmbedd);
/** end youtube video **/

A million thanks!

[Anonymous]

Hi,

I am having the same problem. However I have the dropdown menu falling behind the WordPress Adrotator when there are Flash banners pasted in there. I can’t change the code in the flash banner to transparant as I don’t have the source file. I also tried to adjust the code of the banner that is pasted in the adrotator, however I see no difference in Firefox.
Can you help me with a solution to this? Is there something that can be changed in the settings of the menu?

Rgds,

Maarten

[imported_Ryan]

Sorry, I think I was looking at somebody elses site when I answered your question. It’s possible I answered your question to them … darned if I know where that topic would be though ” title=”Sad” /> Looks like you have it sorted now though ” title=”Smiley” />

@Maarten – We can’t help without seeing the problem.

[Author]

Posts