Support Forums

Support Offline : 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: 148
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 87
Toufiq

Toufiq

Total Accepted Answers: 25
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289491

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