Support Forums

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

Your Time: Our Time:

Changing mouseover time main menu

Featured Lock Resolved Task
Hi,

my client wants to extend the mouseover time of the main menu for better accessibility of menu items.
Is there any posibility ?

Regards

4 Answers

Rifat Wahid Alif - Staff

More than a month ago #Permalink
Hi,
Please open the following file /templates/shaper_tixon/less/menu.less then search for .menu-fade you will get some thing like this:


//Fade Animation
&.menu-fade {
.sp-has-child:hover {
>.sp-dropdown {
-webkit-animation: spMenuFadeIn 400ms;
animation: spMenuFadeIn 400ms;
}
}
}

//Fade in up Animation
&.menu-fade-up {
.sp-has-child:hover {
>.sp-dropdown {
-webkit-animation: spMenuFadeInUp 400ms;
animation: spMenuFadeInUp 400ms;
}
}
}



change 400 as your desired value.


- Thanks

JoomMaster

More than a month ago #Permalink
Hi,

I found the data and changed the animation time. But it doesn´t work.
If I check it at the ipad it works perfect.

url: http://ahhnew.hoffmann-hofmann.de/

Rgds.

Rifat Wahid Alif - Staff

More than a month ago #Permalink
i saw its still 400ms:


.sp-megamenu-parent.menu-fade .sp-has-child:hover >.sp-dropdown {
-webkit-animation: spMenuFadeIn 400ms;
animation: spMenuFadeIn 400ms;
}


could you please tell me what value do you want to set there? and pm me your admin access then i can do it for you.


- Thanks

Rifat Wahid Alif - Staff

More than a month ago #Permalink
Hi,
I added code in templates/yourtemplate/css/custom.css,

- Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 112
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 96
Toufiq

Toufiq

Total Accepted Answers: 89
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 2

115

Templates

295773

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