Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 370
  • Last Modified:

Animation and Drop Downs Fighting Each Other

How do I fix this so that the drop down buttons work and that the ribbon appears above the  animation?

Animation
http://nsitedesigns.com/nsitedesigns/am/index.html

The animation was created using Wow Slider.
index.html
am.css
style.css
0
nsitedesigns
Asked:
nsitedesigns
  • 3
  • 2
1 Solution
 
tailoreddigitalCommented:
The dropdowns work and the animation appears below the ribbon in IE9, FF21, Chrome 26 for me,    Win7 Ult x64

"Photo Gallery", "Contact Us" and "Home" don't have dropdowns from what i can see
0
 
nsitedesignsAuthor Commented:
I have been trying to fix it so what you see now is functioning nav bar and a ribbon in place BUT now the animation is behind the scene.  When I put the animation to the forefront, I lose the drop down functionality.
0
 
nsitedesignsAuthor Commented:
anyone have any ideas?
0
 
tailoreddigitalCommented:
Try this,

I adjusted the CSS in 3 spots.   I just added some z-index,

Here is the end result,
Result
Here is what i adjusted,

in am.css,
nav
ul
in style.css,
slider

I attached the CSS files
am.css
style.css
0
 
nsitedesignsAuthor Commented:
perfection - thanks!
0

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now