Chrome for mobile: menu content disappears under certain conditions

[itbabu]

Enviroment: Android and chrome.

Steps:

• click on the right top grey button or the black button on the black bar (the menu is open)
• click again on the same button (the menu is closed)
• click again (the menu is open but without content)

[ashiazed]

This is a bug in Bootstrap 2.3.1 and 2.3.2.
The best way to fix it without overriding bootstrap files is to add this code after the responsive.css/less file
@media (max-width: 480px)
.nav-collapse {
-webkit-transform: none;
}
Not sure where to put the code though,end of the file? New less file with overrides?

[maiksprenger]

I just added those changes to the bottom of layout.less, which I think is the right place. But while I could reproduce the issue, @laidibug fix didn't fix the issue for me on my Nexus 4. I did compile the CSS and clear the browser cache.

We'll happily accept a pull request for this.

[ashiazed]

It won't work in the layout.less because it needs to overwrite the bootstrap responsive.less files which come after. I just found the perfect spot to put this so I'll make a pull request after work, plus do some additional testing.

[maiksprenger]

https://github.com/tangentlabs/django-oscar/pull/1118 should have fixed it. Thanks for reporting, @itbabu!

[alexturpin]

I just wanted to thank all of you guys for this. Found this off Google, had been struggling with the same bug on my own project and it fixed it. Thanks again.

[maiksprenger]

:)