Is there any way how to enable this effect https://1drv.ms/u/s!AhakS_u94avagqB7PbcNM-5w9n-sZg to be default on hover over menu? Now it is used only after you browse through megamenu on subcategories and return. Else items in megamenu appear instantly instead of slidein effect. Tested on https://demo.tagdiv.com/newspaper_blog_beauty/
-
This topic was modified 9 years by
Wlk.
Hello Wlk,
I guess that you are talking about Ajax preloading effect, right? For more information about this effect, please check our useful documentation here -> https://forum.tagdiv.com/what-is-ajax-preloading/
Thanks for the message!
No, i just want that effect you have when you hover over subsections of megamenu where article images slide down from top and light up from 100% transparency to be on all menus as you hover with mouse over. Now it is only when you hover over subcategories of megamenu.
Hello Wlk,
Unfortunately, this type of effect is available only for the mega menu when you have sub-categories through it. Unfortunately, I do not exactly understand where exactly you want to apply this on your menu, sorry! This is default theme behavior and it cannot be changed very easy, sorry!
Thanks for the message!
I want to apply it to megamenu, but from first hover over main item in menu. Now it works in strange way – first you have to hover over subsection to activate effect and then it is applied even to main menu image. Tried to make video where you can check what I mean. https://1drv.ms/u/s!AhakS_u94avagqB9xBCeYlhAwzC0kg
It not really major issue for me, it more cosmetic, but would be nice to have this effect when it is in template already.
Hello Wlk,
Indeed, it seems to be a problem in this regard. I pass this report to our developers and we will make some deeper investigations which can be fixed in future updates. As a quick fix, you can use a bit of CSS code to remove that effect. Try the code below and place it in Theme panel->Cusotm CSS area.
The code is ->
.td_fadeInDown {
-webkit-animation-name: inherit!important;
animation-name: inherit!important;
}
Hope this helps!
Thanks for the message!