I'm using Twitter Bootstrap and would like to modify the mobile navbar so that when it is expanded the dropdown menu overlays the content on the page instead of pushing it down. I know I will probably need to make the menu containing <div> positioned absolutely, increase it's z-index, and position the outer <div> relatively, but I can't seem to get it to work.
Any suggestions as to how I might do this?
Here's a JSFiddle I'm starting from.