Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #340295

    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!

    #340448

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.