switch to mobile menu on viewports up to 1024px already
This commit is contained in:
parent
e826fc6a02
commit
fcc33ad994
@ -142,22 +142,29 @@ ul.nav>li>a {
|
|||||||
border-left-color: #111111;
|
border-left-color: #111111;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 1023px) {
|
||||||
#large-header {
|
#large-header {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
nav .container {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
.navbar-header {
|
.navbar-header {
|
||||||
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
|
float: unset !important;
|
||||||
}
|
}
|
||||||
.navbar-brand {
|
.navbar-brand {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.navbar-collapse .nav>.divider-vertical {
|
.navbar-collapse.collapse {
|
||||||
display: none;
|
display: none !important;
|
||||||
|
}
|
||||||
|
button.navbar-toggle {
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 1024px) {
|
||||||
.navbar-brand {
|
.navbar-brand {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user