Hover effect on mega menu

Posted in: Newspaper
Post count: 312
gumball44
#316953
Oct 23, 2019 at 11:34 am

Hi,

is there a way to activate move-up effect without shadow effect with css ?

thank you

Best regards

  • This topic was modified 6 years by gumball44.
Post count: 35449
Calin
#316974
Oct 23, 2019 at 2:01 pm

Hi,

Yes, this is possible if you are using a header from cloud. You can edit the header and click on menu -> http://prntscr.com/pn0lg5 -> http://prntscr.com/pn0m0j -> http://prntscr.com/pn0mgk -> https://forum.tagdiv.com/mega-menu/

Thank you!

Post count: 312
gumball44
#316980
Oct 23, 2019 at 2:25 pm

Sorry maybe I haven’t used the right words.

Yes my header is from cloud, I let you check, we have only 3 options “hover effect” for the mega menu module, and I want only move up effect without shadow.. is it possible with css ?

https://imgur.com/a/QP2vXGr

Thank you

  • This reply was modified 6 years by gumball44.
Post count: 35449
Calin
#316990
Oct 23, 2019 at 2:46 pm

Hi,

Unfortunately the shadow from that effect can be remove only manually from the theme or you can use a custom css to block it to be load.

Thank you for your understanding!

Post count: 312
gumball44
#316992
Oct 23, 2019 at 2:56 pm

ok, so how can it be remove ?

and how to block it to be loaded, with css ?

Thank you

  • This reply was modified 6 years by gumball44.
Post count: 35449
Calin
#317011
Oct 23, 2019 at 4:24 pm

Hi,

In order to remove the shadow and keep the move up animation, you can use this custom css
.td-h-effect-up-shadow .entry-thumb
{
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
}
The code need to be set in theme panel > Custom code> Custom css

Thank you!

Post count: 312
gumball44
#317015
Oct 23, 2019 at 4:48 pm

perfect !Thank you 🙂

Viewing 7 posts - 1 through 7 (of 7 total)
You must be logged in to reply to this topic.