CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Rachel S
Rachel S

Reputation: 3920

Bootstrap absolute positioned div not showing correctly above navbar

I have a dropdown menu from the navbar, triggered by a toggle button. I added a triangle above the navbar-collapse to show it pointing to the trigger button. It works fine on larger screens but on mobile it keeps getting pushed behind the navbar. I've tried working with z-index but to no avail.

http://www.bootply.com/g8d0nLzlIE

I've made the triangle on mobile in grey (instead of white like on desktop) to show contrast.

Upvotes: 0

Views: 78

Answers (1)

UncaughtTypeError
UncaughtTypeError

Reputation: 8722

On mobile resolutions, you can reset the overflow rule declared for .navbar-collapse.in to visible.

CSS

.navbar-collapse.in {
    overflow-y: visible;
}

Upvotes: 1

Related Questions