WordPress.org

Support

Support » How-To and Troubleshooting » Not resizing on mobile (iPhone / iPad)

Not resizing on mobile (iPhone / iPad)

  • Hi Folks

    If anyone has time can you have a look at:
    http://oliversongs.com/faith2/
    and let me know why this doesn’t display correctly on a mobile device? It’s 2011 and I’m using a child theme for edits and tweaks.

    The background image is far too large and the menu gets stacked up.

    let me know if you need any more info.

Viewing 4 replies - 1 through 4 (of 4 total)
  • I just checked your site on my New iPad and it look file. Only thing I noticed, don’t know if this is what you are talking about, but when I pinch and then let go, the page pops back to its original size on the iPad.

    Would you need to set a background-size: 100% style to your image that, “Is far too large”? This should allow the image to scale down relative to the browser size.

    If the menu wouldn’t stack up onto two lines, you would see a horizontal scrollbar and use to view the other menu items. Would you not mind the scrollbar?

    Thanks guys!

    Here’s a little insight to what I’m talking about. On my iPad and iPhone, on both safari and Atomic Web, the site looks like this:
    https://dl.dropbox.com/u/4809223/Photo%202012-10-05%203%2043%2024%20PM.png
    Where my other site looks like this:
    https://dl.dropbox.com/u/4809223/Photo%202012-10-05%203%2044%2058%20PM.png

    The background is resized and the menu as well. The 4 guys should be seen in the background and the menu should downsize to fit (as a smaller version of the full site).

    Any thoughts?
    Can you share the code for 100% background that I can drop into my child theme?

    Thanks again.

    Could this at all be because I’m using a custom menu?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Not resizing on mobile (iPhone / iPad)’ is closed to new replies.
Skip to toolbar