Navigation Bar links disappear
Permalink Browser Info Environment
On Samsung Galaxy S2 SkyRocket phone. Android 4.1.2. Default Chrome browser. I have three slides so far on the website.
After refreshing the browser. The navigation bar links appear correctly when viewed on the dropdown menu on the first slide. After scrolling to the second slide, the navigation bar links disappear when pressing on the dropdown menu icon. The menu drops down with space allocated for three menu entries, but all that is visible is the dark background of the dropdown menu. Pressing on any one of the non-visible menu entries reveals a 'teal' colored bar the height of the individual menu item that spans the width of the dropdown menu background. No font appears visible within this bar. I am then taken to the slide corresponding to the non-visible menu item pressed.
My first slide uses a dark blue background. The second slide uses a white background. The third slide uses a light blue background.
Refreshing the browser and pressing the menu icon reveals the slide names again listed correctly. However, going to any of the slides causes the menu item fonts to disappear again as described above.
I cannot reproduce this behavior on a Nexus 7 or on a Matricom G-Tab Quantum 10-inch Android tablet (both updated to latest KitKat). The dropdown menu slide names appear correctly when the dropdown menu icon is pressed on both these devices.
Any thoughts on how to track down the cause of this behavior? I have not had time to research how to change the navigation bar font or background colors for the purposes of troubleshooting on the Samsung phone. I do like the current menu bar styling. My available time is pretty much limited to developing the slides and getting the website ready for production.
Any suggestions would be appreciated.
Thanks,
Mark
After refreshing the browser. The navigation bar links appear correctly when viewed on the dropdown menu on the first slide. After scrolling to the second slide, the navigation bar links disappear when pressing on the dropdown menu icon. The menu drops down with space allocated for three menu entries, but all that is visible is the dark background of the dropdown menu. Pressing on any one of the non-visible menu entries reveals a 'teal' colored bar the height of the individual menu item that spans the width of the dropdown menu background. No font appears visible within this bar. I am then taken to the slide corresponding to the non-visible menu item pressed.
My first slide uses a dark blue background. The second slide uses a white background. The third slide uses a light blue background.
Refreshing the browser and pressing the menu icon reveals the slide names again listed correctly. However, going to any of the slides causes the menu item fonts to disappear again as described above.
I cannot reproduce this behavior on a Nexus 7 or on a Matricom G-Tab Quantum 10-inch Android tablet (both updated to latest KitKat). The dropdown menu slide names appear correctly when the dropdown menu icon is pressed on both these devices.
Any thoughts on how to track down the cause of this behavior? I have not had time to research how to change the navigation bar font or background colors for the purposes of troubleshooting on the Samsung phone. I do like the current menu bar styling. My available time is pretty much limited to developing the slides and getting the website ready for production.
Any suggestions would be appreciated.
Thanks,
Mark
| Type: | Discussion |
|---|---|
| Status: | New |
So this seems to be a bug in Bootstrap 2.3.2 (https://github.com/twbs/bootstrap/issues/11145). I'm planning to update the theme to Bootstrap 3 in the next few weeks.
In the meantime, you should be able to fix this by adding the following CSS:
Good luck with your new site!
Jordi