Reply To: Text indent on hover

[bearhead]

Is this the behavior looking for?

http://codepen.io/kvana/pen/qONxRB

This is the css I used to position the link text and make it show on hover:

.sf-menu li{
padding-bottom:1.5em;
}
.sf-menu li a{
  display:none;
  position:absolute;
}
.sf-menu li:hover a{
  display:block;
}

I also had to change your html structure a bit. The icon background is now applied to a div within the li, instead of the li itself. Then in your css, I had to change the hover selector to li:hover .icon-inf