0

I have a navbar build with Twitter Bootstrap 3.1.1. When on an iPhone or iPad the dropdown menu hides behind the slider image. It has a position absolute and a z-index of 1000.

When on a desktop it goes well, it goes over de slider images.

If you go to http://sitegeregeld.nl/. You see that the dropdown menu disappears behind the slider on the homepage on an iPad and iPhone. I don't see a sollution.

What goes wrong?

Kaj
  • 11
  • 5
  • What goes wrong ? Something... probably. – zessx Feb 26 '14 at 16:12
  • 1
    More seriously, could you provide us some code, a working fiddle, an example or a usable link ? We need a little bit of material to answer you. – zessx Feb 26 '14 at 16:13
  • 1
    @Kaj can you provide an example of the issue. may be through http://www.bootply.com/new or http://jsfiddle.net/ – Mo. Feb 26 '14 at 18:14
  • I did put in some extra info in the text. – Kaj Feb 28 '14 at 09:34

1 Answers1

1

I was having the same problem(only hiding behind content on ipad), and this solved it:

.navbar {
  position: static;
}
.navbar .nav > li {
  z-index: 1001;
}

I'm using a bootstrap/wordpress framework that has it's own css style sheet that sets the navbar to position: relative.

found answer here: z-index issue with twitter bootstrap dropdown menu

Community
  • 1
  • 1
createscape
  • 713
  • 7
  • 20