Not resizing on mobile (iPhone / iPad) (5 posts)

  1. timothybhewitt
    Posted 3 years ago #

    Hi Folks

    If anyone has time can you have a look at:
    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.

  2. davejampole
    Posted 3 years ago #

    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.

  3. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    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?

  4. timothybhewitt
    Posted 3 years ago #

    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:
    Where my other site looks like this:

    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.

  5. timothybhewitt
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic