Streaming live at 10am (PST)

Text Link Hover Does not fill entire Text Item


#1

Anyone notice this glitch of sorts on text hover states?

http://devsaiteauxdev.webflow.com/

It is most noticeable on the icons in the header.

It appears to be one pixel short of a full fill.

Any suggestions on how to fix this?


#2

I can't reproduce what you mention. Do you have a screenshot for us to take a look?


#3

You got it!
It's super minor, but I can reproduce it across chrome/safari on multiple devices. It's on those three icons.

My main concern is the client brought it up. So I have to address it.

Using Icomoon icons.


#4


Google Chrome @ Windows 8.1

For me it looks like a part of the facebook icon is cut out. Did you happen to change the icon height, icon-container height or hover-icon height? Could you please share a public link so we could take a look?


#5

Most certainly!

https://webflow.com/design/devsaiteauxdev?preview=3e1c202d78e4d7bcaeed62565b3881f6

Thanks!


#6

You may be onto something. The icon is being cut-off by its parent class.


#7