Hide sidenav if small

This commit is contained in:
Emily 2019-05-27 15:24:13 +01:00
parent d7eafec0a2
commit 3cd208beb4

View File

@ -8,11 +8,31 @@
{% else %}
<title>Husstanden</title>
{% endif %}
<style>
#sidenav-container {
flex: 0 0 320px;
display: none;
overflow: hidden;
}
@media screen and (min-width: 768px){
#sidenav-container {
display: block;
}
}
@media screen and (min-width: 1072px){
#sidenav-container {
}
}
</style>
</head>
<body style="height:100%">
<div class="p-2" style="height:100%">
<div class="d-flex" style="height:100%">
<div class="col p-2" style="flex:0 0 320px;">
<div class="col p-2" id="sidenav-container">
{% include 'layout/includes/side_nav.html' %}
</div>
<div class="col p-2">