Text line bottom effect modification

webbabe · June 18

In templates I have created a header with at Menu->Item Animation->Text line bottom - effect

Is it possible to get the blue line lower and how to change the color of it?

Serached and searched with CSS, but can't get it. See screenshot as well.

Schermafbeelding 2026-06-18 om 18.54.44.png

Phil · June 19

Hi,

You can change the line color in the Style tab of the menu element:

But there is no setting to lower it. You can try other animation styles as they are all located in different places of the menu item.

Best regards

webbabe · June 19

Thanks for your reply.

I tried the other effects, but they are different from what our client want, i.e. wat is schown in the screenshot, so there is no way to lower it through CSS or so?

Phil · June 19

With some CSS code, it could be achievable. If you sent a link to your website, I can check this out.

Best regards

webbabe · June 19

You already have those details, I have sent them through code canyon DM, regarding this post: https://forum.muffingroup.com/betheme/discussion/80722/templates-not-showing#latest

Do you still have them?

Phil · June 20

Try the following CSS code:

.mfn-menu-animation-text-line-bottom > .mfn-menu-li > .mfn-menu-link .label-wrapper::before{
 top: 120%!important;
}

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

Best regards

webbabe · June 20

Brilliant! Thanks for the help!

Text line bottom effect modification

Comments

This website uses cookies