Fix mobile overlay transition
MODIFY
website/src/styles/index.scss
website/src/styles/index.scss
}
.overlay{
+ transform: translateX(100%);
+ width: 100%;
+ height: 100%;
+
+ @include desktop-only() {
display: none;
+ }
@include mobile-only() {
@include transition-timing;
position: fixed;
background: #181818;
opacity: 0;
- transition-property: opacity;
+ transition-property: opacity, transform;
display: block;
z-index: 1;
&.visible {
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- opacity: 0.5;
+ transform: translateX(0);
+ opacity: 0.6;
}
}
}

Fix mobile overlay transition