Forum Replies Created

Viewing 1 replies (of 1 total)
  • Thread Starter maxcburk

    (@maxcburk)

    Tom,

    Thanks for the quick reply! No worries, i thought it might be out of the scope of the plugin.

    However, I have a second question if you don’t mind. See how on my menu the lines are animated under the menu items on hover? How would I make it so there is a dot on the end of each of those lines. Like this pen I made with an SVG:
    https://codepen.io/maximusburkus/pen/poWGQGE

    The code I used to make the lines on my menu was from a previous support forum post (except mine is slightly different so I could disable it on a couple of the menu items):

    @include desktop {
        #{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link:after {
            display: block;
            content: "";
            position: absolute;
            bottom: 3px;
            top: auto;
            left: 0;
            width: 0%;
            height: 3px;
            background: #000;
            transition: all 0.6s;
            visibility: visible;
            opacity: 1;
        }
        #{$wrap} #{$menu} > li.mega-menu-item:hover > a.mega-menu-link:after,
        #{$wrap} #{$menu} > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after {
            width: 100%;
        }
    }

    What would I need to add for this addition (hopefully without an svg)?

Viewing 1 replies (of 1 total)