PERMANENT Green dot under menu items when linking /#anchors instead of #anchors

Hi there,

i made a landing-page using airi and linked severa anchors there:
i linked

#anfahrt

but to work correctly i need to link /#anfahrt (leading slash, otherwise the link would mislead when clicked from womewhere else)

but now there is a green dot under the link, how can i remove it?

i WANT the green dot when the mouse hovers the menu but ONLY then.

any idea?

thank your for the great template!

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .menuStyle2 .main-navigation li.current-menu-item:hover:after {
      visibility: visible;
    }

    .menuStyle2 .main-navigation li.current-menu-item:after {
      visibility: hidden;
    }

Regards,
Kharis

1 Like