Animation on Menu Underline Hover

  • Resolved SethO

    (@setho)


    11 months ago

    Hello, how I get the effect that is in the link provided?

    I have tried this code, but it does not work the way intended :/

    .hfe-pointer__underline .menu-item.parent a.hfe-menu-item::after {
    height: 1px !important;
    width: 80% !important;
    margin: 0 auto ;
    right: 0;
    left: 0;
    }

    Thank you!!!



    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Herman Asrori (BSF)

    (@bsfherman)

    Hi @setho,

    Please try the following and tweak it as needed

    .hfe-nav-menu a.hfe-menu-item {
    position: relative;
}

.hfe-nav-menu a.hfe-menu-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #000;
    transition: width .3s;
}

.hfe-nav-menu a.hfe-menu-item:hover::after {
    width: 100%;
}

    I hope it will help.

    Kind regards,
    Herman ??

    Plugin Support Herman Asrori (BSF)

    (@bsfherman)

    Hi,

    It’s been a while since my last response. Hopefully, you find it useful for you.

    Well, I am marking this thread as Resolved due to inactivity. Feel free to start a new thread if there’s anything else related to this plugin, we can help you with.

    Kind regards,
    Herman ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Animation on Menu Underline Hover’ is closed to new replies.