Viewport on blog

Freeway
1

I don’t suppose anyone can spot why on iOS devices (iPad /iPhone) the viewport width fills the screen then shrinks to a small view.

I suspect some content is overflowing lower in the page causing it to shrink, just can’t spot it.

It’s OK on a desktop.

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Hi David,
It looks like the #sidebar is too wide and is forcing the layout out. If you remove the item from the dom the white space to the right of the page disappears.
Regards,
Tim.

On 25 Jul 2012, at 21:44, David Owen wrote:

I don’t suppose anyone can spot why on iOS devices (iPad /iPhone) the viewport width fills the screen then shrinks to a small view.

I Need Web Hosting Mac friendly web hosting and domain registration

I suspect some content is overflowing lower in the page causing it to shrink, just can’t spot it.

It’s OK on a desktop.

Experienced Freeway designer for hire - http://www.freewayactions.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Thanks Tim

It’s not the easiest to spot on an iPad. A fix for tomorrow.

David

Sent from my iPad

On 25 Jul 2012, at 22:26, Tim Plumb email@hidden wrote:

Hi David,
It looks like the #sidebar is too wide and is forcing the layout out. If you remove the item from the dom the white space to the right of the page disappears.
Regards,
Tim.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Actually David it looks like the H2 in the sidebar is to blame. The item is set to 590px wide in style.css (line 101) which is causing Safari on the Mac to render white space to the right of the page area and, I suspect, messing up the view port on iOS devices.
Regards,
Tim.

Experienced Freeway designer for hire - http://www.freewayactions.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Got it. I know where that’s come from. It’s a pain nailing down a wordpress template to adapt to your own design.

David

On 25 Jul 2012, at 22:58, Tim Plumb email@hidden wrote:

Actually David it looks like the H2 in the sidebar is to blame. The item is set to 590px wide in style.css (line 101) which is causing Safari on the Mac to render white space to the right of the page area and, I suspect, messing up the view port on iOS devices.
Regards,
Tim.

Experienced Freeway designer for hire - http://www.freewayactions.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

David Owen wrote:

It’s a pain nailing down a wordpress template to adapt to your own design.
So true. I feel your pain, David.

Todd

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

All fixed.

–

David

On 25 Jul 2012, at 22:58, Tim Plumb wrote:

Actually David it looks like the H2 in the sidebar is to blame.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options