Site not displaying same on iPad

FiestaRed · December 17, 2016

When I try to view my site on an iPad, all the text in the galleries is stacked in a single line one word on the top of another. Text on Pages within the site work fine on the iPad, just the text in the four galleries that's a problem.

All the site seems to show the same as my desktop when viewed on my iPhone.

Any help or advice would be greatly appreciated. www.mikeswainwildlife.co.uk

leftquark · December 17, 2016

It looks like it's due to the way you tried to "center" the items on your page. In your 4 galleries, you have the "Sidebar" width set to 480px. On an iPad, that 480px pushes the body of your site all the way to the right edge of the screen. I'd recommend you reset the sidebar width to 0px, and then use a "Spacer" Content Block to the left and right of your body content, set with something like 20% each (leaving 60% of the screen for your content). Let us know if you'd like any help setting this up.

FiestaRed · December 17, 2016

Thanks for the help Aaron. I can't really understand why it only does it on the iPad when the iPhone is OK.

leftquark · December 18, 2016

For mobile devices like your iPhone we collapse the sidebar and move it on top, so that everything fits. That special mobile rule allows the iPhone to look ok, but the iPad is wide enough to be treated as a small desktop monitor and doesn't get the same treatment.

Site not displaying same on iPad

Comments