Tagged: , , , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 17, 2014 at 4:47 am #252425
    brighttribe

    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: http://www.istaff.com/

    Thanks so much!

    April 18, 2014 at 8:53 am #253040
    Dude

    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: https://kriesi.at/support/enfold-feature-requests/ – if some other users vote fr it we might add this feature to a theme update.

    Cheers!
    Peter

    April 22, 2014 at 11:01 pm #254667
    brighttribe

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

    April 23, 2014 at 4:26 pm #255038
    Devin

    Hi!

    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.

    Regards,
    Devin

    May 17, 2014 at 12:58 am #266040
    Kriesi

    Hey!

    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

    
#mobile-advanced{
width:100%;
right:0;
position: absolute;
z-index: 1000;
top:-100%;
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%;
display:none;
}

.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);
}

    Regards,
    Kriesi

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