Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 23, 2014 at 5:20 pm #295041
    GOWD

    Hi, my website has a fixed background image set for the main content area which works great on desktop but when I scroll down the page on a tablet or mobile device it only loads after the scroll so is catching up to render.
    How can I have it just like the desktop?

    July 24, 2014 at 6:30 pm #295573
    Yigit

    Hey GOWD!

    I just checked your website on my iPhone 4 and it did load the background while i was scrolling down. You can try using this plugin – https://wordpress.org/plugins/bwp-minify/

    Best regards,
    Yigit

    July 25, 2014 at 12:37 pm #295898
    GOWD

    Hi Yigit, I already have that plugin activated and caching plugin etc.
    The background is loading but the problem is that as you scroll the white background appears first and then the background image loads on top block by block which completely distracts the visitor and this keeps happening as you move down the page.
    On the desktop there is no such problem, the background image loads immediately and stays fixed as the content scrolls over it.

    July 25, 2014 at 12:39 pm #295899
    GOWD

    It is happening on my Samsung Galaxy 3 Tab 10inch and Samsung Galaxy S2 phone

    July 25, 2014 at 1:28 pm #295916
    Yigit

    Hi!

    It could be related with how fast your internet connect is as well. But i am having no issues seeing the background image while scrolling down. I asked @josue to check your website on his Android device. Let us wait to hear from him

    Best regards,
    Yigit

    July 25, 2014 at 2:57 pm #295967
    GOWD

    Hi Yigit, tested my connection and am on 50Mb +
    The problem seems to be caused by the background scrolling on Mobile devices rather than remaining fixed.
    On a desktop the background is remaining fixed with the content scrolling above it but on a mobile the background it is attempting to scroll with the content

    July 28, 2014 at 12:16 am #296546
    Josue

    Hi!

    I couldn’t note the issue on my Nexus 7, can you post a screenshot of your view?

    Regards,
    Josue

    July 28, 2014 at 3:44 pm #296806
    GOWD

    Hi Josue,
    not possible to screenshot as it happens while scrolling and if I stop and take a screenshot the background will have finished rendering before the screenshot is taken.
    Happens on Samsung Galaxy Tab 3 10inch and Samsung Galaxy s3 phone

    July 28, 2014 at 6:49 pm #296939
    Josue

    Hey!

    The background scrolling with the content is expected (parallax and fixed background are disabled on mobile). I could see those white backgrounds parts but only the first time i loaded it.

    Regards,
    Josue

    July 29, 2014 at 12:36 pm #297264
    GOWD

    Why is the fixed background disabled on mobile?
    How can I get it to be fixed, not scrolling?
    If that’s not possible how can I get it not to display on mobile but keep on desktop for header, body and footer?
    Thanks

    July 29, 2014 at 4:39 pm #297338
    Josue

    Hi!

    It was disabled due to compatibility issues, to change it on mobile, try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
.main_color {
    background-image: none;
}
}

    Cheers!
    Josue

    July 29, 2014 at 6:43 pm #297386
    GOWD

    Hi Josue,

    that has removed the background image from mobile devices.

    I just started playing around and found that if I changed the background setting to scroll instead of fixed it solves the lag problem on mobiles.
    I would still like it to be fixed on Desktop.
    Is there a media query that can make this happen, background scroll on mobile, fixed on Desktop?

    July 29, 2014 at 7:37 pm #297400
    Josue

    Hey!

    Try adding this:

    @media only screen and (min-width: 767px) {
.main_color {
    background-attachment: fixed;
}
}

    Regards,
    Josue

    July 30, 2014 at 11:53 am #297645
    GOWD

    Hi Josue, that’s it, everything fixed, thank you for your help, you may close this thread.

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Background Image loading late issue when scrolling on mobile devices’ is closed to new replies.