Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 6, 2016 at 12:20 am #578876
    bobfurgo

    Hi guys! I was wondering how you can alter this code so that it looks like the menu just fades in rather than fading in from the top.

    .avia_transform3d #mobile-advanced {
opacity: 0;
top: -100%;
left: 0;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}

.avia_transform3d .show_mobile_menu #mobile-advanced {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
    February 6, 2016 at 3:07 am #578910
    Elliott

    Hey peanuttario!

    Send us a link to your page and we’ll take a look.

    Best regards,
    Elliott

    February 10, 2016 at 6:13 am #580815
    bobfurgo

    Here is the link. Thank you!

    February 11, 2016 at 10:09 pm #581892
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .avia_transform3d .show_mobile_menu #mobile-advanced {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}
.avia_transform3d #mobile-advanced { 
top: 0;
}

    Regards,
    Yigit

    February 11, 2016 at 10:20 pm #581897
    bobfurgo

    Hi Yigit! Thanks for the reply. I added it but it didn’t seem to do anything.

    February 11, 2016 at 10:57 pm #581911
    Yigit

    Hey!

    Code is not being applied. Do you mind creating a temporary admin login and posting it here privately so we can look into it?

    Cheers!
    Yigit

    February 11, 2016 at 11:04 pm #581915
    bobfurgo

    hi! it was applied to the child theme css but i took it down since nothing changed. I just now applied it to the quick css if that helps but here are my login credentials if you still need them.

    hm now that I’ve applied it to the quick css the menu does not work anymore.

    February 11, 2016 at 11:22 pm #581922
    Yigit

    Hey!

    I added !important rule and added following code to Quick CSS

    @media only screen and (max-width: 769px) {
#header { z-index: 10035; }}

    Please flush cache and refresh your page a few times

    Cheers!
    Yigit

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