Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change Animation delay in Classic Menu

Featured Lock Resolved Task
Hello,
How can I change the animation delay in the Classic Menu items?

I see from examining the code using a browser code inspector that some of the fade ins are set to a delay of 600ms and some to 1500ms. I would like ALL fadeins to have 0ms delay, but I am not sure where to write this? I am very comfortable adding in custom.css and also editing some javascript.

Please advise. Thanks!!

My site: http://dswings.com/newsite2019/index.php/menu

11 Answers

Shana

More than a month ago #Permalink
Yes I do know of that option and I like to use it. However, it seems that the animations for the Classic Menu Addon Items are controlled from the Classic Menu Add on php file. I found the solution! I changed this line in the site.php file:

It was:
$output .= '<div class="sppb-classic-menu-inner sppb-wow ' . $animation . '" data-sppb-wow-delay="' . ($delay * 300) . 'ms">';

I changed it to:
$output .= '<div class="sppb-classic-menu-inner sppb-wow ' . $animation . '" data-sppb-wow-delay="' . ($delay * 0) . 'ms">';

Solved!

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
In all Helix3 templates, you can disable menu animation from settings.
I think it would be the easiest way.
.
no.jpg

Attachments (1)

  • no.jpg
    no.jpg 79.8 KB

Shana

More than a month ago #Permalink
Hi, I'm sorry I wasn't clear. I am working on a restaurant website using the Cuisine template. I mean I would like to set the Classic Menu Items (in the food menu, not the navigation menu), to Fade in Right and Fade in Left with a delay of 0ms. Right now the delay is between 600ms to 1500ms (as set by the template). Where can I change that delay code?

Paul Frankowski - Staff

More than a month ago #Permalink
The Cuisine is based on Helix3 template, so my screenshot was fully OK.
Just disable animation.

Shana

More than a month ago #Permalink
Paul, sorry when I say "Menu" I mean literal food "menu". ha ha. I will send a screen shot:

Attachments (3)

  • Screen Shot 2019-02-18 at 2.47.36 PM.png
    Screen Shot 2019-02-18 at 2.47.36 PM.png 648.7 KB
  • Screen Shot 2019-02-18 at 2.47.51 PM.png
    Screen Shot 2019-02-18 at 2.47.51 PM.png 444.3 KB
  • Screen Shot 2019-02-18 at 2.48.43 PM.png
    Screen Shot 2019-02-18 at 2.48.43 PM.png 302.5 KB

Shana

More than a month ago #Permalink
Those items in the Addon "Classic Menu" have an animation delay set to 600ms and some items 1500ms. I would like to change all the animation delays inthe Classic Menu Addon to be 0ms.

Paul Frankowski - Staff

More than a month ago #Permalink
Aaaa you talked about Menu addon.... not template menu.
----

Paul Frankowski - Staff

More than a month ago #Permalink
Animation of Rows or Columns can be changed/set from settings, no extra customization needed.

EXAMPLE
row-animation.jpg

col-animation.jpg

Attachments (2)

  • row-animation.jpg
    row-animation.jpg 79.4 KB
  • col-animation.jpg
    col-animation.jpg 59.4 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Also, all addons have their own animation Option. Can you find it now?
.
addon_anim.jpg

Attachments (1)

  • addon_anim.jpg
    addon_anim.jpg 72.8 KB

Paul Frankowski - Staff

More than a month ago #Permalink
yes, indeed in that addon, this code was built-in.


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 134
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 124
Toufiq

Toufiq

Total Accepted Answers: 64
Pavel

Pavel

Total Accepted Answers: 5
Peter Atkin

Peter Atkin

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us