I cry uncle

HTML & CSS
1

Looked at everything I can think of and cant find it. See the social icons in the top right? The JS associated with the addtoany plugin (I think?) makes the icons move up one pixel once the JS loads. Regardless of my position I say it still moves it up one px. Can you see why? I dont want any movement. http://www.websitecodetutorials.com/

2

Hi Eric,

I can’t see what you mean. The icons are 6px from the top which is what the css is telling them to be?

Or have you fixed it?

3

Thanks for looking Paul! Watch close. When the icons initially load they are 7px. Then when the JS loads and kicks in it moves up one px to 6px. At least as far as I can tell that’s what’s going on

4

I firebuged it and searched and messed with the ul, li, and a for over an hour. For the life of me I can’t see what’s making it moved up one pixel. I AP’d them because initially they would make the nav container grow by one pixel. But once I AP’d the ul then they moved up on JS load instead.

5

They’re rock solid for me. What browser are you seeing this in?

6

Oh no I hate those types. I’m using Firefox latest. Ill look on the iPad…

7

Yeah doesn’t do it on the ipad or iPhone. What the heck would cause that? What browser did you look in? Anyone else see it?

8

I checked in Firefox and Chrome (PC) and they both seem ok.

I would change the line-height of that section to 18px to match the image and then float the list, anchor and image so that white space and vertical alignment isn’t an issue.

9

Thanks Paul ill try that. Have a good weekend :slight_smile:

10

I tried line height 1 earlier. didnt work. But line-height 18px did. dont know why i did not try that before.