Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 27, 2017 at 12:04 am #752079
    enoteware

    Hello,

    I was hoping you could share the way to remove the mobile menu animation. I would prefer it to just appear vs. animate.

    Thank you!

    February 27, 2017 at 12:43 am #752082
    Mike

    Hey Elliot,
    Try this code in the General Styling > Quick CSS field:
    to make menu “appear”

    html body#top #mobile-advanced {
    top: 0;
    left: auto;
    right: -100%;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    right: 0;
}

html body#top .show_mobile_menu #mobile-advanced {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    right: 0;
}

    To make menu slide from right side:

    html body#top #mobile-advanced {
    top: 0;
    left: auto;
    right: -100%;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    transition: right 0.2s;
}

html body#top .show_mobile_menu #mobile-advanced {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    right: 0;
}

    Best regards,
    Mike

    February 27, 2017 at 12:45 am #752084
    enoteware

    Worked perfectly, thank you Mike!

    February 27, 2017 at 3:48 am #752115
    Mike

    Hi,
    Your welcome and Thank you for using Enfold.

    Best regards,
    Mike

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