February 26, 201313 yr I just realized my site seems to have a strange padding on the right side when I view it from my phone. I can't reporduce it it any browers on the computer, just the phone. Any ideas? The address is my "portfolio" link in my sig below. My phone is a Samsung Galaxy S III if that helps, though I think it happens on all phones. Attached a screen shot of what I'm talking about.
February 26, 201313 yr .site-width { padding:0 25px 0; } Could be the issue? You need to declare another value in there, probably a 0.
February 26, 201313 yr Author Thats a shorthand version of saying padding-top:0; padding-right:25px; padding-bottom:0; padding-left:25px, which is a standard way of writing it. But it is possible it is throwing off the browser on the phone or something to do with padding. I'll take a look at that tonight.
February 26, 201313 yr Oh yes so it is! Never written it like that. Could be the fact you've got a mixture of % and px's in regards to the width of elements? If the container is 100%, and 100% is less than 600px, then the box that is 600px is going to be too big. Try putting the box's width in % rather than in pixels, see if that works.
February 27, 201313 yr Author Hmm yea there is no padding that seems to be messing with it. Anyone else take a look at it and see anything that could be causing this?
Create an account or sign in to comment