Bootstrap 2.3.2. Navigation elements inside become invisible after the first collapse only on Chrome mobile devices

Question

I have this very strange problem with bootstraps navbar 2.3.2.

these problems also occur on their official page:

http://getbootstrap.com/2.3.2/examples/starter-template.html

navbar works great on desktop computers.

on mobile phones on every web browser that I checked, every thing works fine.

The problem only occurs on chrome mobile.

when you first click on the menu, each item is displayed and OK.

when he dumps it back and then clicks again to unexpectedly see the menu, the internal elements become invisible. if you suddenly turn the phone, they will appear again.

this only happens on a chrome mobile phone exactly the same as it does on the example given in the url.

This is very strange and I do not want to move my site to bootstrap 3.

Please help me, there must be something with css that could solve this.

thanks.

Answer 1

I fixed the problem:

inside bootstrap-responsive.css:

@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
.
.
.
.
}

just remove this rule inside max-width: 480px.

:)