Question

On my website (http://amosjackson.com), the navigation links use css transitions to change colour when the user hovers over them. Despite setting the colour to white in the stylesheet, when the page loads, the links are blue (default colour for links). This then transitions back into the normal white and does not happen again unless the page is refreshed. I could not reproduce this problem elsewhere on the page and this error does not occur when on the contact page (one of the links in the nav bar).

EDIT: Error only occurs in Google Chrome.

Answer 1

In style.css, under the class .links, remove the CSS transition. This should stop the initial transition, but also affects the fade out.

.links{
    text-decoration:none;
    color:white;
    font-family:goudy;
    margin:0px;
    font-size:40px;
    padding:10px;
}

Also try setting a {color: white} and see if that has an affect.