CODEWITHSUNDEEP
htmltwitter-bootstrapcss
user782104
user782104

Reputation: 13555

The navbar dropdown menu does not beyond the container

Here is the navbar html

<div class="row">
                        <div class="col-xs-12">
                            <nav class="navbar" id="nav_menu">
                                <ul class="nav navbar-nav">
                                    <li class="item"><a href="">Home</a></li>
                                    <li class="dropdown item open">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">About us</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="">People</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>

enter image description here

And the problem is the size is restrict to the navbar height, that means the dropdown box can not go beyond the nav bar size. I suspect it is not caused by z-index after checking. It is something related to the overflow, but any element tag need to change?

Thanks for helping

The test link: http://kotechweb.com/kmk/

Upvotes: 1

Views: 777

Answers (2)

John Shang
John Shang

Reputation: 417

<div class="row" style="overflow:visible;"></div>

Upvotes: 3

moped
moped

Reputation: 2247

get rid of

.left_menu_body {
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}
.row {
  overflow: hidden;
}

really don't understand why you did that crazy "hack" on .left_menu_body

Upvotes: 2

Related Questions