Hello,
I was wondering if it was possible to have the mobile menu just appear on the header instead of sliding in and taking up the entire screen. Sort of like how Geckboard did it on their site. https://www.geckoboard.com/
Thanks!
Hey!
I’m not sure if it’s possible to make it exactly like that but you can change the slide direction with this code (add it to Quick CSS):
#mobile-advanced{
right: 0;
top: -100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.avia_transform3d #mobile-advanced{
-webkit-transform: scale3d(1);
-moz-transform: scale3d(1);
transform: scale3d(1);
}
.show_mobile_menu #mobile-advanced{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
}
.avia_transform3d .show_mobile_menu #mobile-advanced{
-webkit-transform: scale3d(1);
-moz-transform: scale3d(1);
transform: scale3d(1);
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
Regards,
Josue