Search code examples
javascriptcsstwitter-bootstrapsidebaroverlapping

Bootstrap 3 overlapping content issue. Sidebar collapse with button

I have come up with a bootstrap 3 layout I like, but it has a bug. I created an example page on Bootply.com that describes the problem. Basically the page works except for when you expand and collapse the sidebar, then resize the browser page to full width again. The footer and the sidebar content overlap. You can see the example page here: http://www.bootply.com/CxdX89ofTg

Thanks for any help you can come up with!

Solution

  • The Javascript is adding style="height:0px;" to the element after hiding the nav-menu. You have to set the height to 'auto' on resizing above the breakpoint.

    I forked your example: http://www.bootply.com/28P8HqzYUA#

    See line 9 in the JS.