# Parallax not working in Chrome

**URL:** <https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060>\
**Category:** Beaver Builder\
**Created:** [April 28, 2015, 1:22pm UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060 "2015-04-28T13:22:13Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![nickjam](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/n/278dde/32.png) [@nickjam](https://community.wpbeaverbuilder.com/u/nickjam)\
**Post date:** [April 28, 2015, 1:22pm UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/1 "2015-04-28T13:22:13Z")

</div>

Beaver’s Parallax feature not working in Chrome. The Parallax image displays as a static image. I tried it several WordPress installs and websites and the parallax never works in chrome.

---

<div class="post-metadata">

**Author:** ![billy](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/billy/32/11_2.png) [@billy](https://community.wpbeaverbuilder.com/u/billy)\
**Post date:** [April 28, 2015, 2:03pm UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/2 "2015-04-28T14:03:26Z")

</div>

Hi DJ,

Weird, sorry to hear! I did some testing and all appears to be fine in Chrome on our end. What version of Chrome are you using? Have you tried the disabling all plugins route as well just to see if there is a plugin conflict with BB by chance?

Best,  
Billy

---

<div class="post-metadata">

**Author:** ![liewilyn](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/liewilyn/32/517_2.png) [@liewilyn](https://community.wpbeaverbuilder.com/u/liewilyn)\
**Post date:** [September 6, 2015, 5:41am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/3 "2015-09-06T05:41:09Z")

</div>

I’m experiencing the same issue, using:  
Chrome Version 45.0.2454.85 m  
WP: Version 4.3

no other plugins installed only the page builder.

---

<div class="post-metadata">

**Author:** ![billy](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/billy/32/11_2.png) [@billy](https://community.wpbeaverbuilder.com/u/billy)\
**Post date:** [September 8, 2015, 10:16am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/4 "2015-09-08T10:16:27Z")

</div>

Hey Liewilyn,

Are you experiencing this on a desktop or mobile device?

Best,  
Billy

---

<div class="post-metadata">

**Author:** ![liewilyn](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/liewilyn/32/517_2.png) [@liewilyn](https://community.wpbeaverbuilder.com/u/liewilyn)\
**Post date:** [September 8, 2015, 10:34am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/5 "2015-09-08T10:34:07Z")

</div>

Hi Billy,

I just checked,

Not working on:  
Chrome Desktop(Windows)  
Chrome Mobile(android)  
Firefox Mobile(android)

Working on:  
Firefox (windows)  
Chrome (iOS 10 Mcbook pro)

Regards,  
Liewilyn

---

<div class="post-metadata">

**Author:** ![liewilyn](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/liewilyn/32/517_2.png) [@liewilyn](https://community.wpbeaverbuilder.com/u/liewilyn)\
**Post date:** [September 8, 2015, 10:35am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/6 "2015-09-08T10:35:31Z")

</div>

[Content Hidden]

---

<div class="post-metadata">

**Author:** ![billy](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/billy/32/11_2.png) [@billy](https://community.wpbeaverbuilder.com/u/billy)\
**Post date:** [September 8, 2015, 12:27pm UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/7 "2015-09-08T12:27:58Z")

</div>

Hi Liewilyn,

Parallax won’t work on mobile, but rather default to the static image that you are using, but the others are a bit weird. Let me do some testing there to see what I can find.

Best,  
Billy

---

<div class="post-metadata">

**Author:** ![billy](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/billy/32/11_2.png) [@billy](https://community.wpbeaverbuilder.com/u/billy)\
**Post date:** [September 8, 2015, 1:32pm UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/8 "2015-09-08T13:32:10Z")

</div>

Hey Liewilyn,

Just did some testing here on your site and all is working as it should aside from mobile as I mentioned earlier. Just to confirm, I’m looking at the main masthead image, correct?

Best,  
Billy

---

<div class="post-metadata">

**Author:** ![liewilyn](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/liewilyn/32/517_2.png) [@liewilyn](https://community.wpbeaverbuilder.com/u/liewilyn)\
**Post date:** [September 9, 2015, 7:14am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/9 "2015-09-09T07:14:45Z")

</div>

Hi Billy,

Yes I am referring on the hero background on the top most part of the site. I’m not yet sure what is causing this on my end will try to investigate more. Will keep you posted.

Regards,  
Lyn

---

<div class="post-metadata">

**Author:** ![liewilyn](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/liewilyn/32/517_2.png) [@liewilyn](https://community.wpbeaverbuilder.com/u/liewilyn)\
**Post date:** [September 9, 2015, 7:45am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/10 "2015-09-09T07:45:53Z")

</div>

[Content Hidden]

---

<div class="post-metadata">

**Author:** ![billy](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/billy/32/11_2.png) [@billy](https://community.wpbeaverbuilder.com/u/billy)\
**Post date:** [September 9, 2015, 9:27am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/11 "2015-09-09T09:27:10Z")

</div>

Ah, it doesn’t work on touch devices as we just tested on a touch enabled laptop. I think that is the issue here which we are actually aware of and working towards a fix. Have a look at [this thread](http://forum.wpbeaverbuilder.com/support/q/windows-10-chrome-parallax-bug/page/2/#post-35665) for more info there. Sorry about that, we’re on it though!

Best,  
Billy

---

<div class="post-metadata">

**Author:** ![liewilyn](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/liewilyn/32/517_2.png) [@liewilyn](https://community.wpbeaverbuilder.com/u/liewilyn)\
**Post date:** [September 9, 2015, 9:58am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/12 "2015-09-09T09:58:31Z")

</div>

There you go! it makes clear now, will just wait for the update! for the mean time will just insert a css fix 😃

Thanks!

---

<div class="post-metadata">

**Author:** ![billy](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/billy/32/11_2.png) [@billy](https://community.wpbeaverbuilder.com/u/billy)\
**Post date:** [September 9, 2015, 10:09am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/13 "2015-09-09T10:09:33Z")

</div>

Excellent, thanks!

---

<div class="post-metadata">

**Author:** ![soul322](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/soul322/32/247_2.png) [@soul322](https://community.wpbeaverbuilder.com/u/soul322)\
**Post date:** [October 23, 2015, 5:04am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/14 "2015-10-23T05:04:54Z")

</div>

Any update on this topic? I’m experiencing the same thing in Chrome and have noticed it for quite some time. I’m trying to replicate another design that a client likes, but Parallax is a big selling point.

Liewylyn,  
What CSS fix were you able to implement to get this to work?

---

<div class="post-metadata">

**Author:** ![liewilyn](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/liewilyn/32/517_2.png) [@liewilyn](https://community.wpbeaverbuilder.com/u/liewilyn)\
**Post date:** [October 23, 2015, 5:21am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/15 "2015-10-23T05:21:51Z")

</div>

Hi Pablo,

There is an added class on the body “fl-builder-touch” in touch enabled laptop/devices that you can use to target the specific “div.fl-row-content-wrap” to apply the background-attachment: fixed;

I tried to look on my dev site If I applied that fix but can’t see it on the codes, I updated the BB plugin and it seems to work fine now on chrome, might check that first.

Regards,  
Lyn

---

<div class="post-metadata">

**Author:** ![soul322](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/soul322/32/247_2.png) [@soul322](https://community.wpbeaverbuilder.com/u/soul322)\
**Post date:** [October 23, 2015, 5:37am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/16 "2015-10-23T05:37:08Z")

</div>

Thank you very much, Lyn. For some reason it doesn’t work for me. I just updated Chrome from 46.0.2490.71 to 46.0.2490.80 on Windows 10 to see if that did the trick or not. I have the most up to date version of the BB plugin installed, but it just doesn’t seem to work for me. The parallax effect can be seen on my dev site on the top header here:

[http://controlpanelaccess.com/~concierge](http://controlpanelaccess.com/~concierge)

It works just fine in Edge and Firefox, but not for Chrome. Oddly, the site from which I’m copying the design has parallax functioning in Chrome, so it seems to be only the BB plugin at the moment. It’s still under development, but since parallax is so important, I may have to place the code that you suggested for the CSS. I’m not sure what the issue could be.

Thank you again!

---

<div class="post-metadata">

**Author:** ![liewilyn](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/liewilyn/32/517_2.png) [@liewilyn](https://community.wpbeaverbuilder.com/u/liewilyn)\
**Post date:** [October 23, 2015, 5:43am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/17 "2015-10-23T05:43:15Z")

</div>

I just check your dev site, Parallax effect is working on my end, on all browsers I’m using a touch enabled laptop Windows 8 Chrome version 46.0.2490.71.

I don’t know now what really is the culprit why on some devices it works and on some not.

I think the most essential way to fix this on your end is to apply some css for now, let’s just wait for the update of the BB devs.

Regards,  
Lyn

---

<div class="post-metadata">

**Author:** ![soul322](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/soul322/32/247_2.png) [@soul322](https://community.wpbeaverbuilder.com/u/soul322)\
**Post date:** [October 23, 2015, 7:10am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/18 "2015-10-23T07:10:39Z")

</div>

[Content Hidden]

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [October 23, 2015, 7:50am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/19 "2015-10-23T07:50:12Z")

</div>

Hey Pablo,

I just checked your site and it works fine as well on Chrome - Win 7 and Win 10. Do you have any addons installed on your Chrome? I haven’t really encountered any that stops the Parallax from working but that’s about the only thing I could think of that’s different from your Chrome.

Ben

---

<div class="post-metadata">

**Author:** ![soul322](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/soul322/32/247_2.png) [@soul322](https://community.wpbeaverbuilder.com/u/soul322)\
**Post date:** [October 23, 2015, 8:01am UTC](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060/20 "2015-10-23T08:01:52Z")

</div>

Hi Ben,  
When I updated Chrome, then restarted my machine, it is now working just fine. Thank you for the follow up! As always, you guys give top notch support.

[Next page](https://community.wpbeaverbuilder.com/t/parallax-not-working-in-chrome/3060.md?page=2)
