Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #263644

    On some pages of my site, the clouds image in the header background leaves a trail of partial copies of itself, of varying heights and widths, overtop of the page content when I scroll the page in Chrome.

    Is this a known issue? I need to solve it before showing the site-in-progress to my client tomorrow.

    Thanks.

    #264341

    Hi Ben!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    #header_main_alternate {
    -webkit-transform: translateZ(0);
    }

    if that does not work, please post the link to your website so we can take a look

    Best regards,
    Yigit

    #264775

    It doesn’t solve the problem, at least on some pages Yigit.

    Here’s an example page with the issue. Scroll the page quickly up and down in Chrome on a Mac. The browser leaves partial copies of the clouds image, of varying heights and widths. over and under elements on the page.

    http://omniway.ca/site/the-way-we-care/core-programs/quality/

    Thanks.

    Ben

    #265396

    Hi!

    Please try following code instead please

    #header_main_alternate, #header {
    -webkit-transform: translateZ(0);
    }

    I cannot reproduce the issue on Mac OS X 10.9.2 and Chrome v 34.0.1847.137 personally but seems like other team members could. Let us know if that does not work

    Best regards,
    Yigit

    #265464

    I’m pleased and relieved to say that your fix has resolved the problem for me Yigit.

    #265472

    Hey!

    Great! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header background image leaves a trail of copies on scrolling in Chrome’ is closed to new replies.