Navbar-collapse is presented behind the rest of the content when active
See the effect here, click on the navbar-collapse button:
visualhaggard.org/illustrations
I think the problem is that I have some styling in place for sticky footer:
body {
min-height: 100%;
}
#wrap, .navbar-wrapper {
min-height: 100%;
max-width: 1120px;
padding-top: 5px;
}
#main {
overflow:auto;
padding-bottom: 42px;
}
footer {
position: absolute;
left: 0;
bottom: 0;
height: 42px;
margin: 0 auto;
width: 100%;
}
The content of the page is:
<body>
<header-bar></header-bar>
<div id="wrap">
<div id="main">
CONTENT
</div>
</div>
<footer></footer>
I tried many manipulations of the preceding styles with no luck. Has
anyone faced this problem before? Thanks.
No comments:
Post a Comment