VideoGameCritic wrote:tREV - thanks for verifying this, but I'd still like to fix it. The site is supposed to redirect to the mobile site for small devices, but I think the ipad falls into a hazy area.
Yeah the iPad does fall into a gray area if it isnt specifically called for by the site. The viewport is only 768 in portrait orientation and 1024 in landscape.
I think I found the issue: Your website desktop theme has a strict meta viewport content width value of 990 (<meta name="viewport" content="width=990">), hence scaling the text down within a div with a defined height. Once the Read More is clicked that parent div doesnt have a defined height and the text becomes the larger size. I did a test and the text is ok in landscape orientation because the viewport width is above 990.
A better way to define a viewport is <meta name="viewport" content="width=device-width, initial-scale=1" /> which covers everything and takes care of itself. But this wont work on the desktop theme for the site (it will horizontal scroll) since there is a fixed width value on the #wide_black div of 990px, That would have to be a percentage.
Hope this helps.