Removes Global nav in mobile view

This commit is contained in:
Jared Lee 2016-10-14 14:35:24 +13:00 committed by Cam Findlay
parent 29ab6dad6e
commit f5bd898b4a
2 changed files with 16 additions and 4 deletions

View File

@ -43,7 +43,7 @@
.quickfeedback .btn,
.quickfeedback input {
text-transform: uppercase;
padding: 10px 30px;
padding: 10px 30px;
margin-right: 7px;
border-width: 1px;
}
@ -87,4 +87,14 @@ form .message.good {
form .message.error {
background: #FF8480;
color:#fff;
}
}
/* Remove global navigation in mobile view */
.nav-mobile {
display: block;
}
@media (max-width: 992px) {
.nav-mobile{
display: none;
}
}

View File

@ -17,8 +17,10 @@
<header class="site-header" data-0="background-position: 50% 50%;" data-544="background-position: 50% -30%;">
<div class="global-nav header-mask">
<div id="navWrapper">
$GlobalNav('doc')
<% include SearchBox %>
<div class="nav-mobile">
$GlobalNav('doc')
<% include SearchBox %>
</div>
</div>
</div>
</header>