Tagged: header background image
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.
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
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
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
I’m pleased and relieved to say that your fix has resolved the problem for me Yigit.