Twenty-Twelve theme mobile display issue

  • The Twenty-twelve theme fully and properly displays my sites home page on my iPhone3 and iPhone5 with Safari.

    However, all of the sub-pages display in the left 1/3 of the screen. The full sub-page is displayed but is shrunk down and cannot be read without manually expanding the screen.

    This can be seen by going to thewordsofjesusonline.com and clicking the Navigate button and selecting one of the topics.

    Any help would be appreciated.

    [Moderator note: Please don’t duplicate your thread]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter ahermann

    (@ahermann)

    It turns out that the sub-pages included code for a table, but not the home page. Once the code for the table was removed the sub-pages display correctly.

    Here is a sample of the table code used:

    <table style=”width:960px”>
    <tr>
    <th>…….</th>
    </tr>
    </table>

    How can I change the table style so that the table scales properly on mobile devices?

    Did you add the table manually? Getting rid of the style="width:960px" in your table tag would fix the problem.

    Thread Starter ahermann

    (@ahermann)

    I changed the <table style=”width:960px”> to <table style=”width:100%”> and the problem has been resolved.

    Thanks

    Thread Starter ahermann

    (@ahermann)

    .

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty-Twelve theme mobile display issue’ is closed to new replies.