Hi,

I have an issue. I was using # anchor links in the top menu when the website was a 1-pager. However I changed them to full links after adding other pages. Now it shows on the main page all menu items underlined (a:active) because of that. Is there a way to fix the css so that the transition animation applies only to a:hover and not a:active? In relation to both menu items and submenu items.

I tried the below but with no success:

#top nav>ul>li>a, .pull-left-wrap>ul>li>a:active,
.pull-left-wrap>ul>li>a:active {
    padding: 0 10px 0 10px;
    display: block;
    color: #676767;
    font-size: 14px;
    line-height: 20px;
    transition: none !important;
    transition-property: color;
    transition-duration: 0.0s;
    transition-timing-function: ease;
    transition-delay: 0s;
}

Thanks, Andrew.

Yes, it's on:

There haven't been any issue with scrolling. The issue is with link styling. When the links were "'#getintouch", they were not underlined in normal state, only on hover. After changing the links to "/#getintouch", it's underlying all anchor links from the home page even when not hovered. It must be something related to a:active CSS values, as when I go to /news page, anchor links from the home page are not underlined in normal state, and /news menu item is underlined.