Jump to content


Photo

HELP!!! Nav drop down menus dropping down behind the feature slider!!


Best Answer Rob , 30 May 2013 - 03:19 AM

Hi,

 

This is an old issue, and well documented throughout the forums.

 

Unfortunately, PlatformPro is a legacy product, and as such, it is subject to every change that updates to Wordpress and/or plugins may cause. The essential problem here is that the z-index for the menu (which is 199) appears to be an incorrect value based on the other elements of the page.  Other than tweaking it, I don't quite know how this could be fixed.

 

I should point out that some future upgrade of WordPress may cause your site to crash or PlatformPro to fail.  Our last update, some months ago, was the final one. I'd strongly recommend that you consider updating to PageLines Framework to ensure that the site remains up and running without failure, and that you have access to upgrades.  Our Plus program costs very little and offers a great level of support, with live chat as well as this forum.

 

Here's the default code you have:

 
.main_nav {
    line-height: 1em;
    margin-top: 0;
    position: relative;
    text-align: right;
    z-index: 199;
}

I hope this helps.

Go to the full post


  • Please log in to reply
6 replies to this topic

#1 katiepoo

katiepoo

    Advanced Member

  • Members

  • 39 posts
  • LocationPortland, OR
  • Framework Version:2.4
  • Country: Country Flag

Posted 08 February 2011 - 05:46 PM

Okay. I read through all of the linked forum topic, and tried some of the code and the nav is still going behind all content.

To be clear:

-I have no YouTube videos in my feature slider, only photos.
-The nav is dropping behind ALL content, not just on feature page.
-The problem is happening in Firefox, Chrome and Safari (which are the only browsers I have).

Code I have tried so far in custom css box in platform admin:

 #nav { position:relative;top:75px;}

-and-

 #header .content{ position: relative; zoom: 1; z-index: 100; }

-and-

 #header .content{ position: relative; zoom: 1; z-index: 100; }
	#nav {
	position:relative;
	z-index:5000; /* ie drop-down fix */}

All to no avail. Please help!!

#2 arpowers

arpowers

    Founder

  • Administrators
  • 3252 posts
  • LocationSan Francisco, CA
  • Framework Version:2.3
  • Country: Country Flag

Posted 08 February 2011 - 11:54 PM

Kate, you have an unclosed HTML element somewhere in your content or edits that you placed in the header. Look for unclosed or mismatching elements in those additional header fields you added.

#3 katiepoo

katiepoo

    Advanced Member

  • Members

  • 39 posts
  • LocationPortland, OR
  • Framework Version:2.4
  • Country: Country Flag

Posted 09 February 2011 - 05:31 PM

I am so sorry I am having difficulty with this, but I don;t know where I should look for the unclosed or mismatching HTML element.

The only thing I have added to the header aside from uploading my logo via the admin was in template.branding.php:

 <span class="contact">T: 503-392-3124<a href="mailto:info@neskowinvalleyschool.com">info@neskowinvalleyschool.com</a></span>

And in base.css I added:

 span.contact {margin-top:52px; float: right;}

Am I missing something in there?

#4 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 09 February 2011 - 05:58 PM

It's just a matter of the z-index being explicit on certain elements. ` #page-main { position:relative; z-index:1; } `

#5 katiepoo

katiepoo

    Advanced Member

  • Members

  • 39 posts
  • LocationPortland, OR
  • Framework Version:2.4
  • Country: Country Flag

Posted 09 February 2011 - 06:32 PM

Adam, I could kiss you. That worked. Phew! I am calling this issue resolved!

#6 thekben

thekben

    Newbie

  • Members
  • Pip
  • 2 posts
  • Country: Country Flag

Posted 30 May 2013 - 02:46 AM

Having the same issues with a z-index of the feature slider, check out napavalleybiscuits.com the site is live for you guys to help me out??? I need the feature slider to go behind the nav and PNG wood image.

 

THANKS IN ADVANCE!!!

 

I have been coding for hours trying to figure this out and I can only bash my head into my desk so many times..



#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 30 May 2013 - 03:19 AM   Best Answer

Hi,

 

This is an old issue, and well documented throughout the forums.

 

Unfortunately, PlatformPro is a legacy product, and as such, it is subject to every change that updates to Wordpress and/or plugins may cause. The essential problem here is that the z-index for the menu (which is 199) appears to be an incorrect value based on the other elements of the page.  Other than tweaking it, I don't quite know how this could be fixed.

 

I should point out that some future upgrade of WordPress may cause your site to crash or PlatformPro to fail.  Our last update, some months ago, was the final one. I'd strongly recommend that you consider updating to PageLines Framework to ensure that the site remains up and running without failure, and that you have access to upgrades.  Our Plus program costs very little and offers a great level of support, with live chat as well as this forum.

 

Here's the default code you have:

 
.main_nav {
    line-height: 1em;
    margin-top: 0;
    position: relative;
    text-align: right;
    z-index: 199;
}

I hope this helps.