Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 2, 2015 at 5:25 pm #528661
    yaniv691

    Hi,

    I’m trying to play around with the mobile menu entrance animation, but I’m having any luck. Can you please help me set the animation to slide from the right and take up a 100% width for mobile and a fixed width (e.g. 300px) for tablets? This is my desired look and effect:
    http://beamlabsinc.com/

    Also, how can I make the header menu icon stay in the same place for both opened and closed menu states?

    Thanks,
    Yaniv

    November 2, 2015 at 5:33 pm #528673
    Yigit

    Hi yaniv691!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) and (min-width: 480px) {
#mobile-advanced {
    width: 70%;
}}

    Best regards,
    Yigit

    November 2, 2015 at 5:39 pm #528685
    yaniv691

    Thank you very much for your quick reply.

    That took care of the width issue.

    What about the other two questions? The “slide from right” animation and keeping the menu icon in the same place in both open and closed menu states?

    November 3, 2015 at 12:48 pm #529157
    yaniv691

    Figured this out by myself:
    Reset all the CSS transforms and animate (with CSS property transition) the right property. Pay attention to the initial value right: -100%;!

    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.6s;
}

html body#top .show_mobile_menu #mobile-advanced {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    right: 0;
}
    November 3, 2015 at 12:50 pm #529159
    Yigit

    Hi!

    Glad you figured it out!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Mobile Menu Entrance Animation – Slide from Right’ is closed to new replies.