Facebook Icon Issue

I have put a Facebook Icon in the header and when i roll over it the page starts to wobble


Also when view the site on my HTC One x the icon looks like its Chinese writing and the Social bar does not show properly, it has different letters in the squares and the scroll arrow has a zero in it nay ideas?



Hey Brian, sorry you’re having trouble.

For the hover issue, I believe the problem is stemming from this line of CSS:

.fl-page-nav-bottom .fl-page-header-content .fl-social-icons .fl-icon:hover {
  color: #0b0909 !important;
  font-size: 0px;
  width: 0px;
  height: 0px;
  min-width: 0px;
  min-height: 0px;
  max-width: 0px;

On the hover state, you’re dropping the height and width and that’s causing the icon to disappear. That’s what’s causing the flickr.

For the HTC problem, thanks for bringing this up. Are you using the native browser? We’ll need to track down an emulator or android device to do some testing, so hold tight. Any additional info you could provide though would be really helpful! Thanks!

Thanks Bobby

I used CSS Hero to make some adjustments and maybe did some things i couldnt see make any changes at the time.

I think i have corrected it by resetting the parameters in CSS hero, thanks

Im using my HTC with Chrome if that helps at all!


I have just checked my HTC and having resetting the CSS hero settings i do not have any morw problems with the social icons and the scroll button! Strange??

That’s awesome! Not sure exactly what that’s the case, haha. But if it works! Do let us know if you run into any more issues…