• Priority: 0
  • Status: Closed
  • Theme: Venedor
  • Assigned To: Fred
  • Private: No
  • Open Date: 25.03.21, 17:48
  • Opened by: ERIC NATHAN
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #21145 - Add Delay on Hover

Hi Fred!
I have another issue: I would like to add a small delay when hovering my main menu (on https://www.plateformeexportmedical.com/), like 0.3 second.
Is that possible? I tried to add the following code, but it did not work:

#pk_top_menu {
    transition-property: transform;
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 0s;
    z-index: 1;
}

Comments

ERIC NATHAN 25 Mar 2021, 17:49

(The idea would be to have the same delay on hover as this website: https://www.praxisdienst.fr/)

Fred 25 Mar 2021, 22:03

Hi, ERIC.
Open the file /www/modules/pk_themesettings/assets/js/commonscripts.js
find the line 70

$(this).children(dd_cont).stop().delay(300).slideDown(500, 'easeOutExpo');

change delay parameter

ERIC NATHAN 27 Mar 2021, 22:25

Hi,
I’ve tried to play with this parameters, but it’s not what i need.

The think is that when You go over a category it immediately drops and hides the screen. I need short delay before it drops down.
This request directly comes from users.

pls try to check this.

Eric

Fred 28 Mar 2021, 10:55

but I see a delay before menu dropdown, it seem to work

ERIC NATHAN 28 Mar 2021, 12:29

Yes but still too fast, each time the mouse goes over it drops, that’s why I had to put search bar below menu. to avoid crossing it.
well…

Fred 28 Mar 2021, 20:05

I just changed delay to 1 second and it works. Please try

ERIC NATHAN 28 Mar 2021, 21:46

Fred, I see, indeed there is 1 sec delay, but if you pass over without stopping, it drops down. that’s the matter ;)
Eric

Fred 29 Mar 2021, 11:45

Please test it out now

ERIC NATHAN 29 Mar 2021, 12:41

Great, how can I adjust time setting ?

tks,

Eric

Fred 29 Mar 2021, 12:44

here is the screenshot https://take.ms/xxyvV