Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #252425

    Hi there!

    I’m working on my first site using the Enfold theme – LOVE it. Thank you so much.

    Everything has worked perfectly, and it’s very simple to configure. But I was wondering if there’s a way to configure – either through settings or in the CSS – how the mobile menu displays. We really do not like how it comes in from the right side diagonally. That’s just strange looking. Is there a way to have it simply drop down?

    I’d really like to work like another site we did:

    Thanks so much!


    Hey Brian!

    I’ll mark this for Kriesi because I’m not sure how much work is required to change the animation. Personally I think it requires some work and is beyond the scope of our free support service but maybe Kriesi can provide some css code to change the animations. You can also suggest an option for additional mobile menu animations here: – if some other users vote fr it we might add this feature to a theme update.



    Thank you, Peter. Kriesi has not responded. Can you please check on it? Thank you!



    It usually takes Kriesi a week or so to get through his current queue and with WordPress 3.9 coming out along side the new theme version he has been pretty busy.




    Indeed a little out of our usual scope of support but since I had a few minutes to spare right now: add this to your custom.css file or to your child themes style.css file

    position: absolute;
    z-index: 1000;
    padding:89px 0;
    overflow: hidden;
    border-left-style: solid;
    border-left-width: 1px;
    margin:0 0 0 -2px;
    -webkit-transform: 	scale(1);
    -moz-transform: 	scale(1);
    -ms-transform: 		scale(1);
    transform: 			scale(1);
    -webkit-transition: all 0.6s ease;
    -moz-transition: 	all 0.6s ease;
    transition: 		all 0.6s ease;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    .csstransforms3d #mobile-advanced{
    -webkit-transform: 	scale3d(1);
    -moz-transform: 	scale3d(1);
    transform: 			scale3d(1);
    .show_mobile_menu #mobile-advanced{
    -webkit-transform: 	translate(0, 100%);
    -moz-transform: 	translate(0, 100%);
    -ms-transform: 		translate(0, 100%);
    transform: 			translate(0, 100%);
    .csstransforms3d .show_mobile_menu #mobile-advanced{
    -webkit-transform: 	translate3d(0, 100%, 0);
    -moz-transform: 	translate3d(0, 100%, 0);
    transform: 			translate3d(0, 100%, 0);


Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Options for Mobile Menu Display’ is closed to new replies.