0
Welcome Guest! Login
0 items Join Now

SOLVED Some text in iPhone is too large

Last Post
Search Topic

  • SOLVED Some text in iPhone is too large

    Posted 12 years 7 months ago
    • I'm seeing an issue that affects both Joomla 1.5 and 2.5 related to the display of text in certain modules on the iPhone. I'm not sure if it's a Gantry issue or something else.

      I've tested this on an iPhone 3G and have been told it appears on the newer iPhones and iPod Touch as well. The problem is that some text is not being scaled down by the same amount as other text, and that is leading to alignment issues and large open spaces that don't appear if you look at the site on a PC, iPad or Android smartphone. Here is an example from http://binaryarts3d.com which is running under Joomla 1.5. The upper image is what it looks like in Chome on a PC. The lower image shows the iPhone 3G version.

      This image is hidden for guests.
      Please log in or register to see it.


      As you can see, the text in the right module is not scaled down nearly as much and creates a large open area. Any ideas?

      This image is hidden for guests.
      Please log in or register to see it.
    • Last Edit: 12 years 6 months ago by Mark Giambruno.
    #879390

  • Re: SOLVED Some text in iPhone is too large

    Posted 12 years 6 months ago
    • Figured this out. It's related to the minimum text size on the iPhone. I used the following code to prevent it from messing up the layout.
      <style type="text/css">
div, p, a, li, td { -webkit-text-size-adjust:none; }
</style>
    #881068

Time to create page: 0.055 seconds