Background wont stay fixed

Hi,

I checked your frontpage and the background images on two sections are fixed. See my screen recording.

Did you test with different web browsers? Are they the latest versions?

<i>Sorry for the late reply, didn’t catch the email.</i>

Oh that’s very weird! I normally use chrome, which is up to date, but it’s still moving. And I also checked in Edge, but it’s the same.

The thing is, when I first switched my theme to Sydney there wasn’t a problem. It just happened suddenly.

Any ideas why this is happening? :/

I just downloaded firefox and the background stays fixed there.
It also messed up a shitload of other things for some reason. If I put it at 100% (the zoom) then it’s all weird, but when I put it on 80%, everything is normal again.

Another thing I noticed is that when I go to customizer that some of the option are a bit weird.

Maybe that is also part of the problem?

https://prnt.sc/tB-I9Ajjf6XQ

Hi,

Thank you for getting back.

As checked from your site’s source code via web browser’s inspector tool, there is active transition setting (enabled with Elementor) to the section that has background image. See this screenshot.

Please try to disable the transition setting, clear cache, and run your test. Let me know whether it resolves your issue or not.

I found where the 0.3 transition came from (it was under the hover background option). I removed it, and on the other sections too. But no difference.

The thing is, I think as soon as I add a background it automatically puts the 0.3 in it.

I also cleared my browser cache and the wordpress-cache. Still not fixed.

I also deactivated all the plugin for the elementer addons that I don’t use to check if maybe a plugin was the problem. And it did fix the weird placement-issues in firefox, which is great.

Is there a cache left that I need to clear or something?

So atm
– Firefox: no problem
– Chrome & edge: problem

• This reply was modified 2 years, 7 months ago by veraapoes.
• This reply was modified 2 years, 7 months ago by veraapoes.

I discovered that if I add transoform: none; to the sections with a background image then the fixed background does work.

So I tried adding the section again, so that there is nothing I added by accident. But the same problem occurs. Also, the background hover option automatically adds the 0.3 like I suspected.

I just don’t see how Chrome doesn’t just do it and Firefox does.

i added

.elementor-section-stretched {
   background-attachment: fixed !important;
	transform: none;
}

to my customize > extra css option.. And now it works..

Hi, I have also used this code:

.elementor-section-stretched {
background-attachment: fixed !important;
transform: none;
}

to fix backgrounds on my site and all looked good in the Elementor preview and on the live site, but my customer pointed out that its not working for mobile or tablet view.

Is there a further change required to fix BGs in all display versions?
Thanks

Hi @bv2510,

Thank you for chiming in. This topic is too old. It would be better if you could write your own topic from the ‘Create a new topic’ form. You may use this box to add better context, so I can help you in a better way.