add hover for logo

Hey justinsearl,

I have added this code in your Quick CSS (located in Enfold > General Styling):

#header .logo a {
    position: relative;
}

#header .logo a:after {
    background: url("https://yourdomain.com/wp-content/uploads/2016/12/logo_hover.png") left top no-repeat;
    background-size: auto 100%;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#header .logo a:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

Let us know if it’s good on your end :)

Best regards,
Nikko

Hi J,

Just adjust the hover image then re-upload again, then you will see this in the code I have given http://yourdomain.com/wp-content/uploads/2016/12/logo_hover.png just replace it with the url of the new image.

Best regards,
Nikko