Logo "vibrates"

nsitedesigns
nsitedesigns used Ask the Experts™
on
Just pushed site live.  Noticed that the company logo in upper left "vibrates or flashes" when you mouse over it.  Not sure why that is.  Any idea how to correct?

http://endriesexpressinc.com
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2018
Distinguished Expert 2018
Commented:
Looks like it's because you're setting the logo to display as inline-block in the hover:

.site-title a, .site-title a:focus, .site-title a:hover {
    display: inline-block;
}

Remove that and it'll stop vibrating :)
Hi,

this is because when hover it's having different value
ie    
 display: block; 

Open in new window

vs  
display: inline-block; 

Open in new window

and it's also have different padding  
 padding: 16px 0px 20px 0px; 

Open in new window


Check for commented code this will help you to adjust it  /* */

style.css?ver=2.2.2:1171
.header-image .site-title a {
    background-color: transparent;
    background-size: contain !important;
    max-width: 270px;
    min-height: 80px;
    padding: 0;
}

style.css?ver=2.2.2:1158
.header-image .site-description, .header-image .site-title a {
    /* display: block; */
    text-indent: -9999px;
}
(index):71
.site-title a {
    background: url(http://endriesexpressinc.com/wp-content/uploads/2017/12/logo-endries.png) no-repeat !important;
}
?sccss=1&ver=4.9.1:8
.site-title a, .site-title a:focus, .site-title a:hover {
    background-color: #fff;
    color: #000;
    /* display: inline-block; */
    /* padding: 16px 0px 20px 0px; */
    text-decoration: none;
    font-family: "Times New Roman", Georgia, Serif;
    font-size: 50px;
}

Open in new window

Author

Commented:
Sorry for delay in getting back to you.  I was gone for the holidays.  This is now fixed.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial