-
-
Notifications
You must be signed in to change notification settings - Fork 78.8k
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
[v4 css] Collapsed navbar toggle moves to awkward position #21590
Comments
It seems I can't replicate this issue on my actual iPhone when the application is in production. (This particular screenshot was taken from Chrome DevTools.) |
I had the same issue. It happens when there is a .container inside the .navbar, and when .navbar-toggler-right is used. |
And isn't |
I've posted a fix for this behaviour in #21605. Simply add this to your custom CSS file: @include media-breakpoint-down(xs) {
.container {
margin-left: 0;
margin-right: 0;
}
} |
I am using a
navbar
with only a brand image; no brand name (as shown above). You can see that the collapse button is clearly out of place, over my brand image.Expected
The collapse toggle should remain right-floated regardless of viewport width.
Also...
Does anyone else think that the toggle collapse button should be redesigned? For instance, on dark backgrounds it should be lighter (maybe completely white). I'd also be interested in seeing the border disappear — it is always a hassle to figure out the specific CSS heirarchy to modify it.
The text was updated successfully, but these errors were encountered: