menu dropdown fix on mobile (used to slide from left to right, now slides down)
This commit is contained in:
parent
4eafb84a26
commit
0b254fca1a
@ -174,21 +174,19 @@ header.o_main_header{
|
|||||||
//------------------------------------------------------------------------------
|
//------------------------------------------------------------------------------
|
||||||
|
|
||||||
.o_side_nav {
|
.o_side_nav {
|
||||||
width: 100vw;
|
width: 100%;
|
||||||
height: calc(100vh - #{$o-header-mobile-height});
|
height: calc(100vh - #{$o-header-mobile-height});
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: $o-header-mobile-height;
|
top: -100%;
|
||||||
left: -100%;
|
|
||||||
&.show {
|
|
||||||
left:0;
|
left:0;
|
||||||
width: 100%;
|
&.show {
|
||||||
|
top: $o-header-mobile-height;
|
||||||
}
|
}
|
||||||
@include media-breakpoint-up(lg) {
|
@include media-breakpoint-up(lg) {
|
||||||
width: $o-side-nav-width;
|
width: $o-side-nav-width;
|
||||||
height: calc(100vh - #{$o-header-height});
|
height: calc(100vh - #{$o-header-height});
|
||||||
top: $o-header-height;
|
top: $o-header-height;
|
||||||
left:0;
|
|
||||||
padding-top: 2rem;
|
padding-top: 2rem;
|
||||||
padding-left: 3rem;
|
padding-left: 3rem;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user