• 0
Sign in to follow this  
Followers 0

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

Question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites

6 answers to this question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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-3124info@neskowinvalleyschool.com</span>[/code]

	
	And in [b]base.css[/b] I added:
	
	
[code]span.contact {margin-top:52px; float: right;}

Am I missing something in there?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

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
Sign in to follow this  
Followers 0