Twenty Eleven – Page not exactly centered on the iPhone

tiagodovale · Member · Dec 11, 2012 at 10:23 pm
Copy link

Add topic to favorites
Hi guys

My blog resizes well for portable devices, like the iPhone, but it seems to be like 20 pixels off to the left: it’s not exactly centered.

I reviewed my CSS but couldn’t find the guilty part.. any ideas??

Cheers!!

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Dec 27, 2012 at 6:35 pm
Copy link
To troubleshoot this, would recommend making a copy of your current custom CSS, then delete it and test again. If the margins look good, add back the first half of the custom CSS, save, and re-check. Repeat those steps until you find which CSS you’ve added is causing the trouble.
tiagodovale · Member · Dec 27, 2012 at 7:14 pm
Copy link
Hi designsimply
Thank you for coming to the rescue once again :)

This line’s the culprit, meant to remove the search box..

#branding .only-search #s { display: none; }

With the search box on, everything is centered.. Any ideas on why and how one can remove it and still have a centered page?

Cheers!!
designsimply · Member · Dec 27, 2012 at 8:19 pm
Copy link
Nice find!

Try changing the visibility property for it instead of the display property.
```
#branding .only-search #s {
	visibility: hidden;
}
```
Visibility:hidden keeps the structure of something and makes it invisible while display:none hides an element and also takes it out of the document flow (and so things can get rejiggered unexpectedly that way).
tiagodovale · Member · Dec 27, 2012 at 8:25 pm
Copy link
Perfect :) Thank you so much, once again!!

No items found.