Mobile menu

Changed to push left rather than just left. Added a drop-shadow effect.
This commit is contained in:
Chris Houseknecht
2014-07-02 09:17:58 -04:00
parent 33e5168213
commit 2e075d56f5
2 changed files with 8 additions and 2 deletions

View File

@@ -84,6 +84,12 @@
right: -240px;
}
.cbp-spmenu-open.cbp-spmenu-open {
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
}
.cbp-spmenu-left.cbp-spmenu-open {
left: 0px;
}
@@ -113,8 +119,8 @@
/* Push classes applied to the body */
.cbp-spmenu-push {
overflow-x: hidden;
position: relative;
overflow-x: hidden;
left: 0;
}

View File

@@ -195,7 +195,7 @@
<div class="container-fluid">
<div class="navbar-header">
<div id="socket-beacon-div"></div>
<button type="button" class="navbar-toggle toggle-menu menu-right" id="main-menu-toggle-button">
<button type="button" class="navbar-toggle toggle-menu menu-right push-body" id="main-menu-toggle-button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>