Skip to content

Bootstrap 4 navbar toggle icon does not display correctly in Android. #20787

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
ve3 opened this issue Sep 26, 2016 · 1 comment
Closed

Bootstrap 4 navbar toggle icon does not display correctly in Android. #20787

ve3 opened this issue Sep 26, 2016 · 1 comment
Labels

Comments

@ve3
Copy link

ve3 commented Sep 26, 2016

Here is the screenshot.
screenshot_2016-09-26-16-54-28

In the red mark. It should be hamburger icon but in Android (Chrome), it is not.

My HTML

<nav class="navbar navbar-light bg-faded">
    <div class="container">
        <a class="navbar-brand" href="./">Template</a>
        <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#bs4-navbar-collapse" aria-controls="bs4-navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
            &#9776;
        </button>
        <div class="clearfix hidden-sm-up"></div>

        <div class="collapse navbar-toggleable-xs" id="bs4-navbar-collapse">
            <ul class="nav navbar-nav">
                ...
            </ul>
        </div>
    </div>
</nav>
<!--end navbar header--> 

Is there a way to make it display the same icon cross platform? (without any additional css like FontAwesome)

@patrickhlauke
Copy link
Member

Fix is in next alpha (tl;dr: uses SVG rather than unicode character) #20329

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants