It worked for me (with your menu covering both the gallery's Button Bar and caption area) when I dynamically added the code to your web page locally using the developer tools in Firefox.
Please try changing lines 2704-2712 in your bootstrap.min.css file from:
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-moz-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease
}... to:
.collapse {
z-index: 9999;
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-moz-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}... and clear your browser's cache before reloading your web page to ensure that your browser is using the new version of the CSS file.
If this still does not work, then please let me know and I'll take another look.
Also, the link I posted above (regarding UberMenu and 'z-index' values) should help.
http://sevenspark.com/diagnosis/z-index … rm_ref=877