End of Support for Joomla 3 - Forum closed

[SOLVED] Dropdown Animation Settings on Main Menu

  • cct
  • cct's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • Thank you received: 0

Dropdown Animation Settings on Main Menu was created by cct

Posted 8 years 7 months ago #13352
Hi
The drop down menu on the demo site has a nice animation but my installed site doesn't have this effect. How do get thsi this effect and how do I adjust it the timings. I like the demo although a little bit faster to drop down on the hover would be good, and a little bit faster at disappearing when pointer is moved away.

Also, the sticky main menu disappears then reappears after scrolling so far, how do I adjust the amount of scroll before it re-appears.
Thanks
CC
by cct

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Dropdown Animation Settings on Main Menu

Posted 8 years 7 months ago #13353
Live url please.

And the dropdown animation can be changed at Template customizer > Advanced > dropdown > animation

Please Log in or Create an account to join the conversation.

  • cct
  • cct's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • Thank you received: 0

Replied by cct on topic Dropdown Animation Settings on Main Menu

Posted 8 years 7 months ago #13374
Sorry I don't have a Live URL only IP Url, I can Private message you if this is possible, or email?

I tried the dropdown animation but doesn't seem to make any difference what i choose from the 3 options. I tried animation and nav bar animation both in the customizer
by cct

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Dropdown Animation Settings on Main Menu

Posted 8 years 7 months ago #13375
You can add this code to your css/custom.css to override the animation:

/*
* 1. Show dropdown
* 2. Set animation
* 3. Needed for scale animation
*/
.uk-open > .uk-dropdown,
.uk-open > .uk-dropdown-blank {
/* 1 */
display: block;
/* 2 */
-webkit-animation: uk-fade 0.2s ease-in-out;
animation: uk-fade 0.2s ease-in-out;
/* 3 */
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.uk-open > .uk-dropdown-navbar {
-webkit-animation: uk-fade 0.2s ease-in-out;
animation: uk-fade 0.2s ease-in-out;
}



All animations can be found here:
getuikit.com/docs/animation.html
Last Edit:8 years 7 months ago by joomlaplates
Last edit: 8 years 7 months ago by joomlaplates.
The following user(s) said Thank You: cct

Please Log in or Create an account to join the conversation.

  • cct
  • cct's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • Thank you received: 0

Replied by cct on topic Dropdown Animation Settings on Main Menu

Posted 8 years 7 months ago #13376
I tried this css before but no success, this time it works good. Thank you.

It does seem a little slow at closing the dropdown but I think I read in the forum this can't be fixed, it's a browser problem?? Can this be changed to be quicker to close dropdown yet?
by cct

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Dropdown Animation Settings on Main Menu

Posted 8 years 7 months ago #13377
You can try only "ease-in" instead of "ease-in-out"

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License