Hi,
I am developing a mobile version of our homepage like in this style:
bootsnipp dot com slash snippets slash featured slash mobile-nav-bar
with Boostrap 3.
The mobile version has its own navbar (with more like in this example above).
<div class="navbar-more-overlay"></div>
<nav id="custom-bootstrap-menu" class="navbar navbar-default navbar-inverse navbar-fixed-top animate">
<div class="container navbar-more visible-xs">
....
<li class="visible-xs">
<a href="#navbar-more-show">
<span class="menu-icon fa fa-bars"></span>
More
</a>
</li>
</div>
</div>
....
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "List classes by" %} <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="{% url 'vvz_list_instructor'%}">{% trans "Instructors" %}</a></li>
</ul>
Android Browser works fine on all newer phones (< 4.4). Chrome and Firefox always work, no matter which android version. But the browsers with jellybean don't work at all. the navbar/menu is always open/toggled while it should be closed.
I don't know if there even is a solution, I didn't find anything so far, just people saying it's just simply not supported. Any idea? :\ Or maybe I should just avoid toggle depending on the agent string.
I am developing a mobile version of our homepage like in this style:
bootsnipp dot com slash snippets slash featured slash mobile-nav-bar
with Boostrap 3.
The mobile version has its own navbar (with more like in this example above).
<div class="navbar-more-overlay"></div>
<nav id="custom-bootstrap-menu" class="navbar navbar-default navbar-inverse navbar-fixed-top animate">
<div class="container navbar-more visible-xs">
....
<li class="visible-xs">
<a href="#navbar-more-show">
<span class="menu-icon fa fa-bars"></span>
More
</a>
</li>
</div>
</div>
....
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "List classes by" %} <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="{% url 'vvz_list_instructor'%}">{% trans "Instructors" %}</a></li>
</ul>
Android Browser works fine on all newer phones (< 4.4). Chrome and Firefox always work, no matter which android version. But the browsers with jellybean don't work at all. the navbar/menu is always open/toggled while it should be closed.
I don't know if there even is a solution, I didn't find anything so far, just people saying it's just simply not supported. Any idea? :\ Or maybe I should just avoid toggle depending on the agent string.
Facebook
Twitter
Instagram