/* ==============================================================
16. MOBILE EMPTY MENU SPACE REPAIR
Collapses the desktop navigation container after the menu
is hidden and keeps the hamburger inside the navy header.
================================================================ */
@media (max-width: 991px) {
/* Keep the mobile header compact */
#t3-header,
.t3-header {
position: relative !important;
min-height: 52px !important;
height: 52px !important;
margin: 0 !important;
padding: 0 !important;
}
#t3-header > .container,
.t3-header > .container {
position: relative !important;
min-height: 52px !important;
height: 52px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Keep the logo within the navy header */
#t3-header .logo,
.t3-header .logo {
height: 52px !important;
line-height: 52px !important;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/*
* Move the hamburger into the navy header instead of allowing
* its wrapper to create a separate white navigation row.
*/
#t3-header .actions,
.t3-header .actions,
#t3-header .navbar-header,
.t3-header .navbar-header,
#t3-header .navbar-default.navbar-header,
.t3-header .navbar-default.navbar-header {
position: absolute !important;
top: 0 !important;
right: 8px !important;
bottom: auto !important;
left: auto !important;
float: none !important;
width: 44px !important;
height: 52px !important;
min-height: 52px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
z-index: 10020 !important;
}
#t3-header .navbar-toggle,
#t3-header .btn-navbar,
#t3-header .off-canvas-toggle,
#t3-header .t3-off-canvas-toggle,
.t3-header .navbar-toggle,
.t3-header .btn-navbar,
.t3-header .off-canvas-toggle,
.t3-header .t3-off-canvas-toggle {
position: absolute !important;
top: 9px !important;
right: 0 !important;
float: none !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
padding: 0 !important;
}
/* Collapse the now-empty desktop navigation area */
#t3-mainnav,
.t3-mainnav,
#t3-header .t3-mainnav,
.t3-header .t3-mainnav {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
}
/* Remove empty navbar space */
#t3-header .navbar,
.t3-header .navbar {
min-height: 0 !important;
margin: 0 !important;
border: 0 !important;
}
/* Remove empty breadcrumb/navigation-helper areas */
.t3-navhelper:empty,
#t3-navhelper:empty,
.content-mass-top:empty,
#content-mass-top:empty {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Pull the page content upward */
#t3-mainbody,
.t3-mainbody {
margin-top: 0 !important;
padding-top: 0 !important;
}
#t3-content,
.t3-content {
margin-top: 0 !important;
padding-top: 12px !important;
}
/* Prevent the JomSocial wrapper from adding top spacing */
html.otr-jomsocial-route #community-wrap,
html.otr-jomsocial-route .jomsocial,
html.otr-jomsocial-route .joms-page {
margin-top: 0 !important;
padding-top: 0 !important;
}
}