Support » Themes and Templates » Gateway » Header does not resize on mobile

  • Resolved dannydanny

    (@dannydanny)


    The header image does not resize on a mobile device. At all.

    Is this expected behavior?

    For example, on my site, I have a large image of a boy at a table.

    But on my phone, all I see is black (just one small portion of the image).

Viewing 15 replies - 1 through 15 (of 27 total)
  • Same concern here. Upon checking the official demo of the site on my mobile device, the same thing happens. Is it possible that the header image somehow resizes to fit the mobile screen, and not ‘zoom in’ to just a portion of it? Making my desktop Chrome smaller does the ‘proper’ thing, though.

    This would be ideal:
    http://i.imgur.com/4DWCbEI.png

    Not these:
    http://i.imgur.com/1NH6gcH.png
    http://i.imgur.com/i8H6ot9.png

    Hopefully this is not a premium support request. Thank you so much.

    Theme Author Rescue Themes

    (@rescuethemes)


    Hi guys,

    Thanks for pointing this out. When testing on a mobile emulator, I wasn’t seeing this issue but pulling it up on my iPhone 5S does show it.

    Are you both on iPhones?

    Theme Author Rescue Themes

    (@rescuethemes)


    Another quick update that I’ll have this fixed in the next theme release. In the mean time, the following CSS will sort it out:

    @media only screen and (max-width: 40em) {
        .home-header-bg {
            background-attachment: scroll;
        }
    }

    Thanks again for reporting it!

    I’m on an iPhone 6 Plus. Not sure about nicoletski.

    Thank you for fixing this so quickly and thank you for the update that will make this work on a mobile device!

    Very awesome. I’m going to be using this theme for an upcoming WordPress tutorial on YouTube.

    Eric

    Another quick update that I’ll have this fixed in the next theme release. In the mean time, the following CSS will sort it out:

    @media only screen and (max-width: 40em) {
    .home-header-bg {
    background-attachment: scroll;
    }
    }

    Just a quick note. This DOES sort it out initially, but when I turn my device to the side (landscape) weird things happen. It zooms WAY in on the image, pixelating it. Almost like what was happening before but . . . it doesn’t happen in portrait mode . . . just landscape.

    Here’s a view of it:

    http://myboringchannel.com/gateway-header-problems/

    Yay, thank you! I’ll try applying this CSS code and see if it sorts the issue out. And yes, I am also on an iPhone 5s. Same ‘zooming in’ also occurs on my iPad Air.

    Theme Author Rescue Themes

    (@rescuethemes)


    @dannydanny Thanks for the feedback with landscape mode. I’ll look into that too. And very cool that you’ll be using the theme for your WP tutorial. Shoot me a link to it when you’re done and I’ll tweet about it: hello at rescuethemes dot com

    @nicoletski Happy to help! It seems to be specific to iPhone products so I’m assuming the CSS will apply to the iPad as well but I don’t have one to test it with. When the new update gets pushed out (v1.2.3), it would be great if you could check it again on your iPad Air and let me know if that sorted things out or if I should look into it more.

    @rescuethemes Thank you for the quick response. Were you able to see the issue with landscape mode?

    Will do about shooting you the link when I’m done. It’s actually a multi-video tutorial. I’m working on video #3 today but I haven’t gotten into setting up the theme yet. Still working on domain, hosting, initial setup of a WP site, etc. You can see my progress at my site – http://myboringchannel.com

    Theme Author Rescue Themes

    (@rescuethemes)


    @dannydanny Portrait display looks correct on my end:

    http://d.pr/i/9K2L
    http://d.pr/i/Ggrn

    It’s very wrong here. Did you see my screenshots?

    Gateway Header Problems

    Just tried it again. Same thing. Let me clear my cache and try again.

    Still the same problem. Tried it in Safari on my iPhone 6 Plus and also in Mercury Browser. Same in both.

    Another little tidbit of information . . . it also looks bad (looks like my second screen shot) on my wife’s iPad in both landscape AND portrait mode. In other words, not good.

    Theme Author Rescue Themes

    (@rescuethemes)


    Hey @dannydanny. It may be that you should wait until the update. It’s in the review queue right now and should be available in a few days.

    OK. Sounds good. I really hope to use this theme (since I’ve spent some time with it already) but if that issue continues will have to choose another.

    Thanks again for your quick responses. Are you unable to replicate my issue on your iPhone?

    Thanks again. Will wait for the update. All your help is very much appreciated.

    Theme Author Rescue Themes

    (@rescuethemes)


    @dannydanny It’s my pleasure. I haven’t been able to replicate the issue after I’ve applied the update to my installation. Contact me directly and I’ll see if I can send you the updated version while we’re waiting for the theme review team to push it out.

    I have written to you at hello at rescuethemes dotcom. Let me know if you got the response. THANK YOU.

Viewing 15 replies - 1 through 15 (of 27 total)
  • The topic ‘Header does not resize on mobile’ is closed to new replies.