subzero.0070
New Member
I am trying to make my design mobile friendly. What I have is that everything fits nicely when I look at the design on http://ipadpeek.com/ (Great Tool!) although when I actually view it through my iPhone 4 the content only takes up around 80% of the page, whereas the remaining 20% is a white background.There is only one element which appears to fit the whole width and this has the following style:\[code\]<div class="text-elements"><h2>Your website can achieve...</h2></div>.text-elements { float: none; margin: 0; padding: 75px 10px; h2 { font-size: 4em; width: 100%; } }\[/code\]Any ideas why this is happening?