[Resolved] Facebook Browser Issues

Home Forums Support [Resolved] Facebook Browser Issues

Home Forums Support Facebook Browser Issues

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #383268
    Neil

    Hi Guys,

    I wasn’t aware that Facebook even rendered web pages internally until someone pointed this out to me.

    When viewing our site form within Facebook, the page header images don’t seem to scale well at all. All other images seem to be fine but the page headers seem to be super zoomed in.

    If you go to our Facebook page, https://www.facebook.com/fickaskap/ – feel free to follow us too πŸ˜‰ and then click on the “learn More” button it’ll load up our page.

    Any ideas for this one?

    Thanks,

    Neil.

    #383452
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Looks good to me on desktop and mobile.

    Can you show me a screenshot of what you’re seeing?

    #383654
    Neil

    Hi Tom,

    It does it on my wife’s iphone, screenshot here.

    Thanks,

    Neil.

    #384338
    Tom
    Lead Developer
    Lead Developer

    Do you have this custom CSS added?:

    .generate-content-header {
        background-attachment: fixed;
    }

    If so, can you try adding this?:

    @media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        .generate-content-header {
            background-attachment: scroll !important;
        }
    }

    iOS doesn’t like fixed attachment for some reason.

    #384425
    Neil

    Hi Tom,

    Having tried the website on my wife’s iphone in safari, it’s not just the facebook browser that’s affected. I’ll make the changes you have suggested and retest again later.

    It just proves the need for having multi-device testing!

    Thanks for your help as always.

    Neil.

    #384725
    Tom
    Lead Developer
    Lead Developer

    Sounds good πŸ™‚

    #384801
    Neil

    Just tried it again on an iphone and it’s fixed now that I have done your changes.

    Thanks as always for your help πŸ™‚

    #385010
    Tom
    Lead Developer
    Lead Developer

    You’re welcome! πŸ™‚

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.