Mega menu text under line animation

Comments

• Phil

  April 23

  Hi,

  Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• alieft

  April 24

  Hi

  
  

  My WEbsite is offline. but it's very simple, in the template section I made 1 menu and assigned a menu element and it has item animation ( as you can see in the attached file).

  

  also, I made the mega menu for the submenu. and I assigned a menu element but it does not have item animation ( as you can see in the attached file).

  
  

  

  
  
• Phil

  April 24

  Try the following CSS code:

  .mfn-megamenu-menu a .menu-label:before{
   content: "";
   position: absolute;
   left: 0;
   top: 100%;
   width: 100%;
   height: var(--mfn-header-menu-animation-height);
   background-color: var( --mfn-header-menu-animation-color);
   transform: scale3d(0, 1, 1);
   transition: transform 0.2s ease-in-out;
  }
  .mfn-megamenu-menu a:hover .menu-label:before { transform: scale3d(1, 1, 1); }
  

  Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• alieft

  April 25

  Thanks